Najnowsze tutoriale tworzenie stron internetowych
 

HTML Audio / Video DOM timeupdate Event

<HTML Audio / Video DOM

Przykład

Gdy pozycja odtwarzania wideo uległa zmianie, wyświetla aktualną pozycję filmu 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;
}
Spróbuj sam "

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


Definicja i Wykorzystanie

Timeupdate zdarzenie wystąpi, gdy pozycja odtwarzania audio / wideo nie zmieniło.

To zdarzenie jest wywoływane przez:

  • Odtwarzanie audio / video
  • Przesuwanie pozycji odtwarzania (na przykład, gdy użytkownik szybko do przodu do innego punktu w audio / wideo)

Wskazówka: To wydarzenie timeupdate jest często używany wraz z CurrentTime właściwości obiektu audio / video, która zwraca aktualną pozycję odtwarzania audio / wideo, w sekundach.


Pomoc Browser

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

Zdarzenie
timeupdate tak 9,0 tak tak tak

Składnia

W HTML:

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

W JavaScript:

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

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

audio|video .addEventListener("timeupdate", 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

Gdy pozycja odtwarzania audio nie zmieniło, wyświetla aktualną pozycję audio 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;
}
Spróbuj sam "

Przykład

Korzystanie z własności CurrentTime aby ustawić aktualną pozycję odtwarzania do 5 sekund:

document.getElementById("myVideo").currentTime = 5;
Spróbuj sam "

<HTML Audio / Video DOM