Wyszukiwanie HTML Audio/Video DOM Zdarzenie
❮ Dokumentacja DOM audio/wideo w formacie HTML
Przykład
Gdy użytkownik zacznie się poruszać/przeskakiwać do nowej pozycji w filmie, powiadom o tym tekstem:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie wyszukiwania występuje, gdy użytkownik zaczyna się poruszać/przeskakiwać do nowej pozycji w audio/wideo.
Wskazówka: zdarzenie poszukujące jest przeciwieństwem zdarzenia poszukiwanego .
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 | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Składnia
W HTML:
<audio|video onseeking="myScript">
W JavaScript:
audio|video.onseeking=function(){myScript};
W JavaScript za pomocą metody addEventListener():
audio|video.addEventListener("seeking", 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 zaczyna przeskakiwać 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;
}
Przykład
Gdy użytkownik zacznie się poruszać/przeskakiwać do nowej pozycji w dźwięku, powiadom o tym tekstem:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ Dokumentacja DOM audio/wideo w formacie HTML