<HTML Audio / Video Reference del DOM
Esempio
Quando la posizione di riproduzione di un video è cambiato, visualizzare la posizione corrente del video in 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;
} Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
L'evento timeupdate verifica quando la posizione di riproduzione di un audio / video è cambiato.
Questo evento viene richiamato da:
- Riproduzione audio / video
- Spostare la posizione di riproduzione (come quando in avanti rapido utente ad un punto diverso nel audio / video)
Suggerimento: Questo evento timeupdate è spesso usato insieme al currentTime proprietà dell'oggetto audio / video, che restituisce la posizione corrente della riproduzione audio / video, in secondi.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.
| Evento | |||||
|---|---|---|---|---|---|
| timeupdate | sì | 9.0 | sì | sì | sì |
Sintassi
In HTML:
< audio|video ontimeupdate="myScript"> Try it In JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it In JavaScript, utilizzando il addEventListener() metodo:
audio|video .addEventListener("timeupdate", myScript ); Try it Nota: Il addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| tag HTML supportati: | <audio> and <video> |
|---|---|
| oggetti JavaScript supportati: | Audio, Video |
Altri esempi
Esempio
Quando la posizione di riproduzione di un audio è cambiato, visualizzare la posizione corrente del 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;
}
Prova tu stesso " Esempio
Utilizzando la proprietà currentTime per impostare la posizione di riproduzione corrente per 5 secondi:
document.getElementById("myVideo").currentTime = 5;
Prova tu stesso "