HTML Audio/Video DOM poszukiwane zdarzenie
❮ Dokumentacja DOM audio/wideo w formacie HTML
Przykład
Gdy użytkownik zakończy przenoszenie/przeskakiwanie do nowej pozycji w filmie, powiadom o tym tekstem:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Wyszukiwane zdarzenie występuje, gdy użytkownik zakończy przenoszenie/przeskakiwanie do nowej pozycji w audio/wideo.
Wskazówka: poszukiwane zdarzenie jest przeciwieństwem szukanego zdarzenia.
Porada: Użyj właściwości currentTime obiektu audio/wideo, aby uzyskać bieżącą pozycję odtwarzania.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
Składnia
W HTML:
<audio|video onseeked="myScript">
W JavaScript:
audio|video.onseeked=function(){myScript};
W JavaScript za pomocą metody addEventListener():
audio|video.addEventListener("seeked", myScript);
Szczegóły techniczne
Obsługiwane tagi HTML: | <audio> i <wideo> |
---|---|
Obsługiwane obiekty JavaScript: | Audio Video |
Więcej przykładów
Przykład
Ten przykład ilustruje różnicę między poszukiwanym zdarzeniem a poszukiwanym zdarzeniem:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Przykład
Używanie właściwości currentTime obiektu wideo do wyświetlania bieżącej pozycji czasu odtwarzania, gdy użytkownik zakończy przenoszenie/przeskakiwanie do nowej pozycji:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Przykład
Gdy użytkownik zakończy przesuwanie/przeskakiwanie do nowej pozycji w dźwięku, powiadom tekstem:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ Dokumentacja DOM audio/wideo w formacie HTML