Najnowsze tutoriale tworzenie stron internetowych
 

HTML Audio / Video DOM poszukiwaniu zdarzeń

<HTML Audio / Video DOM

Przykład

Gdy użytkownik zacznie się poruszać / przejście do nowej pozycji w filmie, ostrzegać jakiś tekst:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Spróbuj sam "

Więcej "Try it yourself" przykłady poniżej.


Definicja i Wykorzystanie

Impreza poszukuje występuje, gdy użytkownik zacznie się poruszać / przejście do nowej pozycji w audio / wideo.

Wskazówka: Impreza poszukiwanie jest przeciwieństwem seeked imprezy.

Wskazówka: Użyj currentTime właściwości obiektu audio / wideo, aby uzyskać aktualną pozycję odtwarzania.


Pomoc Browser

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.

Zdarzenie
seeking tak 9,0 tak tak tak

Składnia

W HTML:

< audio|video onseeking="myScript"> Try it

W JavaScript:

audio|video .onseeking=function(){myScript}; Try it

W JavaScript, używając addEventListener() metodę:

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

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.


Szczegóły techniczne

Obsługiwane znaczniki HTML: <audio> and <video>
Obsługiwane obiekty JavaScript: Audio, Video

Więcej przykładów

Przykład

Ten przykład pokazuje różnicę między zdarzeniem poszukiwanie i seeked imprezy:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Spróbuj sam "

Przykład

Korzystanie z własności CurrentTime Obiektu Wizyjnego, aby wyświetlić aktualną pozycję playtime gdy użytkownik uruchamia przejście do nowej pozycji:

// 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;
}
Spróbuj sam "

Przykład

Gdy użytkownik zacznie się poruszać / przejście do nowej pozycji w audio, ostrzegać jakiś tekst:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Spróbuj sam "

<HTML Audio / Video DOM