HTML Audio/Video DOM gezocht Evenement
❮ HTML Audio/Video DOM-referentie
Voorbeeld
Wanneer de gebruiker klaar is met verplaatsen/overslaan naar een nieuwe positie in de video, waarschuw dan wat tekst:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gezochte gebeurtenis vindt plaats wanneer de gebruiker klaar is met bewegen/springen naar een nieuwe positie in de audio/video.
Tip: De gezochte gebeurtenis is het tegenovergestelde van de zoekende gebeurtenis.
Tip: gebruik de eigenschap currentTime van het audio/video-object om de huidige afspeelpositie te krijgen.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
In HTML:
<audio|video onseeked="myScript">
In javascript:
audio|video.onseeked=function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
audio|video.addEventListener("seeked", myScript);
Technische details
Ondersteunde HTML-tags: | <audio> en <video> |
---|---|
Ondersteunde JavaScript-objecten: | Audio Video |
Meer voorbeelden
Voorbeeld
Dit voorbeeld laat het verschil zien tussen de zoekgebeurtenis en de gezochte gebeurtenis:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Voorbeeld
De eigenschap currentTime van het video-object gebruiken om de huidige afspeeltijdpositie weer te geven wanneer de gebruiker klaar is met verplaatsen/overslaan naar een nieuwe positie:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Voorbeeld
Wanneer de gebruiker klaar is met verplaatsen/overslaan naar een nieuwe positie in de audio, waarschuw dan wat tekst:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ HTML Audio/Video DOM-referentie