HTML Audio / Video DOM wydarzeniem timeupdate
Przykłady
Gdy pozycja odtwarzania wideo nie zmieniło, to wyświetla aktualna pozycję odtwarzania wideo (jeden drugi licznik):
var vid = document.getElementById ( "myvideo");
// Dodaj ontimeupdate zdarzenie <video> elementem, jeśli funkcja odtwarzania bieżąca zmiana pozycji jest wykonywana
vid.ontimeupdate = function () {myFunction ()};
Funkcja myFunction () {
// Wyświetlenie id = "demo" w <p> elementów w pozycji odtwarzania wideo
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}
Spróbuj »
Dno tego artykułu zawiera więcej przykładów.
Definicja i Wykorzystanie
Timeupdate zdarzenie wyzwalające w audio / wideo (audio / wideo) pozycja odtwarzania ulegnie zmianie.
To zdarzenie może być wywoływane w następujących okolicznościach:
- Graj audio / video (audio / wideo)
- (Audio / wideo) pozycja odtwarzania Komórka audio / wideo
Wskazówka: timeupdate wydarzeniem zwykle związane z audio / video obiektu CurrentTime użytku z nieruchomości, która zwraca audio / wideo (audio / wideo) Pozycja odtwarzania (w sekundach).
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą tę wersję wydarzeń.
| wydarzenie | |||||
|---|---|---|---|---|---|
| timeupdate | tak | 9,0 | tak | tak | tak |
gramatyka
W HTML:
W JavaScript:
JavaScript, należy użyć metody addEventListener ():
Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje addEventListener () metody.
dane techniczne
| Obsługiwane znaczniki HTML: | <Audio> i <video> |
|---|---|
| Obsługiwane obiekty JavaScript: | Audio, wideo |
Więcej przykładów
Przykłady
Gdy pozycja odtwarzania dźwięku zmienia się, wyświetlanie aktualnej pozycji odtwarzania dźwięku (w sekundach):
var AUD = document.getElementById ( "myvideo");
// Dodaj ontimeupdate zdarzenie <audio> i pełnienia funkcji w przypadku zmiany pozycji odtwarzania
aud.ontimeupdate = function () {myFunction ()};
Funkcja myFunction () {
// Wyświetlenie id = "demo" elementu <p> w pozycji odtwarzania dźwięku
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}
Spróbuj »
Przykłady
Nieruchomość Zastosowanie currentTime jest ustawiony na 5 sekund pozycja odtwarzania:
Spróbuj »
HTML Audio / Video DOM