Ultimele tutoriale de dezvoltare web
 

HTML audio / video DOM caută Eveniment

<HTML audio / video DOM de referință

Exemplu

Atunci când utilizatorul începe să se miște / sărind peste într-o nouă poziție în videoclip, alerta un text:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Evenimentul care caută apare atunci când utilizatorul începe să se miște / sărind peste într-o nouă poziție în audio / video.

Sfat: Evenimentul care caută este opusul a seeked eveniment.

Sfat: utilizați currentTime proprietatea obiectului audio / video pentru a obține poziția de redare curentă.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.

Eveniment
seeking da 9 da da da

Sintaxă

In HTML:

< audio|video onseeking=" În JavaScript:

audio|video .onseeking=function(){ În JavaScript, folosind addEventListener() metoda:

audio|video .addEventListener("seeking", myScript ); Try it

Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.


Detalii tehnice

Tag-uri HTML acceptate: <audio> and <video>
obiecte JavaScript acceptate: Audio, Video

Mai multe exemple

Exemplu

Acest exemplu demonstrează diferența între eveniment și căutarea de eveniment urmarit:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Încearcă - l singur »

Exemplu

Folosind proprietatea currentTime a obiectului video pentru a afișa poziția curentă atunci când utilizatorul de redare începe pentru a trece la o nouă poziție:

// 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;
}
Încearcă - l singur »

Exemplu

Atunci când utilizatorul începe să se miște / sărind peste într-o nouă poziție în audio, alerta un text:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Încearcă - l singur »

<HTML audio / video DOM de referință