Evento di aggiornamento del tempo DOM audio/video HTML
❮ Riferimento DOM audio/video HTML
Esempio
Quando la posizione di riproduzione di un video è cambiata, visualizza la posizione corrente del video in pochi secondi:
// 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;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L'evento timeupdate si verifica quando la posizione di riproduzione di un audio/video è cambiata.
Questo evento è invocato da:
- Riproduzione dell'audio/video
- Spostamento della posizione di riproduzione (come quando l'utente avanza velocemente in un punto diverso dell'audio/video)
Suggerimento: questo evento di aggiornamento temporale viene spesso utilizzato insieme alla proprietà currentTime dell'oggetto Audio/Video, che restituisce la posizione corrente della riproduzione audio/video, in secondi.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintassi
In HTML:
<audio|video ontimeupdate="myScript">
In JavaScript:
audio|video.ontimeupdate=function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Dettagli tecnici
Tag HTML supportati: | <audio> e <video> |
---|---|
Oggetti JavaScript supportati: | Audio video |
Altri esempi
Esempio
Quando la posizione di riproduzione di un audio è cambiata, visualizzare la posizione corrente dell'audio in secondi:
// 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;
}
Esempio
Usando la proprietà currentTime per impostare la posizione di riproduzione corrente su 5 secondi:
document.getElementById("myVideo").currentTime = 5;
❮ Riferimento DOM audio/video HTML