Zdarzenie aktualizacji czasu HTML Audio/Video DOM
❮ Dokumentacja DOM audio/wideo w formacie HTML
Przykład
Gdy pozycja odtwarzania wideo uległa zmianie, wyświetl bieżącą pozycję wideo w sekundach:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie timeupdate występuje, gdy zmieniła się pozycja odtwarzania audio/wideo.
To zdarzenie jest wywoływane przez:
- Odtwarzanie audio/wideo
- Przesuwanie pozycji odtwarzania (np. gdy użytkownik przewija do innego punktu audio/wideo)
Porada: To zdarzenie timeupdate jest często używane razem z właściwością currentTime obiektu Audio/wideo, która zwraca bieżącą pozycję odtwarzania audio/wideo w sekundach.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Składnia
W HTML:
<audio|video ontimeupdate="myScript">
W JavaScript:
audio|video.ontimeupdate=function(){myScript};
W JavaScript za pomocą metody addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Szczegóły techniczne
Obsługiwane tagi HTML: | <audio> i <wideo> |
---|---|
Obsługiwane obiekty JavaScript: | Audio Video |
Więcej przykładów
Przykład
Gdy pozycja odtwarzania dźwięku uległa zmianie, wyświetl bieżącą pozycję dźwięku w sekundach:
// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Przykład
Użycie właściwości currentTime do ustawienia bieżącej pozycji odtwarzania na 5 sekund:
document.getElementById("myVideo").currentTime = 5;
❮ Dokumentacja DOM audio/wideo w formacie HTML