HTML Audio/Video DOM op zoek naar evenement
❮ HTML Audio/Video DOM-referentie
Voorbeeld
Wanneer de gebruiker begint te bewegen/naar een nieuwe positie in de video gaat, waarschuw dan wat tekst:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De zoekgebeurtenis vindt plaats wanneer de gebruiker begint te bewegen/springen naar een nieuwe positie in de audio/video.
Tip: De zoekgebeurtenis is het tegenovergestelde van de gezochte 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 | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
In HTML:
<audio|video onseeking="myScript">
In javascript:
audio|video.onseeking=function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
audio|video.addEventListener("seeking", 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 naar een nieuwe positie begint te springen:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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 naar een nieuwe positie in de audio begint te bewegen/springen, waarschuw dan wat tekst:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ HTML Audio/Video DOM-referentie