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