Latest web development tutorials

evento timeupdate HTML Audio / Video DOM

HTML audio / video tag di riferimento HTML Audio / Video Reference del DOM

Esempi

Quando la posizione di riproduzione video è cambiato, visualizza la posizione di riproduzione video corrente (un secondo conteggio):

// Prendi id = l'elemento <video> "myVideo"
var vid = document.getElementById ( "myVideo");

// Aggiungere evento ontimeupdate elemento <video>, se viene eseguita la funzione cambiamento di posizione di riproduzione corrente
vid.ontimeupdate = function () {myFunction ()};

la funzione myFunction () {
// Display id = "demo" di elementi <p> ​​in posizione di riproduzione video
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Prova »

Fondo a questo articolo contiene altri esempi.


Definizione e utilizzo

Timeupdate evento di trigger in audio / video (audio / video) posizione di riproduzione viene modificata.

Questo evento può essere invocato nelle seguenti circostanze:

  • Riproduci audio / video (audio / video)
  • audio / video mobile (audio / video) posizione di riproduzione

Suggerimento: evento timeupdate di solito associato con audio / video oggetto currentTime uso con la proprietà, che restituisce l'audio / video (audio / video) posizione di riproduzione (in secondi).


Supporto per il browser

I dati riportati nella tabella rappresentano il primo browser a supportare questa versione dei fatti.

evento
timeupdate 9.0


grammatica

In HTML:

<Audio | Video ontimeupdate = "myScript "> provare

In JavaScript:

audio | video di .ontimeupdate = function () {} myScript; provare

JavaScript, utilizzare il metodo addEventListener ():

audio | Video .addEventListener ( "timeupdate" , myScript); provare

Nota: Internet Explorer 8 e versioni precedenti di Internet Explorer non supportano addEventListener () metodo.


dettagli tecnici
tag HTML supportati: <Audio> e <video>
Oggetti JavaScript supportati: Audio, Video


Esempi

Altri esempi

Esempi

Quando la posizione di riproduzione audio viene modificata, la visualizzazione della posizione di riproduzione audio corrente (in secondi):

// Ottenere l'id = <audio> elemento "myVideo"
var AUD = document.getElementById ( "myVideo");

// Aggiungere evento ontimeupdate <audio> e svolgere la funzione quando si cambia la posizione di riproduzione
aud.ontimeupdate = function () {myFunction ()};

la funzione myFunction () {
// Display id = "demo" dell'elemento <p> in posizione di riproduzione audio
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}

Prova »

Esempi

proprietà Usa currentTime è impostata su 5 secondi la posizione di riproduzione:

document.getElementById ( "myVideo") currentTime = 5 .;

Prova »


HTML audio / video tag di riferimento HTML Audio / Video Reference del DOM