HTML Oudio/Video DOM soek gebeurtenis
❮ HTML oudio/video DOM-verwysing
Voorbeeld
Wanneer die gebruiker na 'n nuwe posisie in die video begin beweeg/spring, waarsku 'n paar teks:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die soekgebeurtenis vind plaas wanneer die gebruiker begin beweeg/oorslaan na 'n nuwe posisie in die oudio/video.
Wenk: Die soekende gebeurtenis is die teenoorgestelde van die gesoekte gebeurtenis.
Wenk: Gebruik die currentTime- eienskap van die oudio/video-objek om die huidige afspeelposisie te kry.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Event | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
In HTML:
<audio|video onseeking="myScript">
In JavaScript:
audio|video.onseeking=function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
audio|video.addEventListener("seeking", myScript);
Tegniese besonderhede
Ondersteunde HTML-etikette: | <klank> en <video> |
---|---|
Ondersteunde JavaScript-objekte: | Oudio Video |
Meer voorbeelde
Voorbeeld
Hierdie voorbeeld demonstreer die verskil tussen die soekende gebeurtenis en gesoekte gebeurtenis:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Voorbeeld
Gebruik die currentTime-eienskap van die video-objek om die huidige speeltydposisie te vertoon wanneer die gebruiker na 'n nuwe posisie begin oorslaan:
// 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 die gebruiker begin beweeg/oorslaan na 'n nuwe posisie in die oudio, waarsku 'n paar teks:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ HTML oudio/video DOM-verwysing