Evento di modifica della durata del DOM audio/video HTML

❮ Riferimento DOM audio/video HTML

Esempio

Avvisa che la durata del video è cambiata:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L'evento durationchange si verifica quando i dati di durata dell'audio/video specificato vengono modificati.

Nota: quando viene caricato un audio/video, la durata cambia da "NaN" alla durata effettiva dell'audio/video.

Durante il processo di caricamento di un audio/video, si verificano i seguenti eventi, in questo ordine:

  1. avvio di caricamento
  2. cambio di durata
  3. metadati caricati
  4. dati caricati
  5. progresso
  6. posso giocare
  7. canplaythrough

Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.

Event
durationchange Yes 9.0 Yes Yes Yes

Sintassi

In HTML:

<audio|video ondurationchange="myScript">

In JavaScript:

audio|video.ondurationchange=function(){myScript};

In JavaScript, utilizzando il metodo addEventListener():

audio|video.addEventListener("durationchange", myScript);

Dettagli tecnici

Tag HTML supportati: <audio> e <video>
Oggetti JavaScript supportati: Audio video

Altri esempi

Esempio

Avvisa che la durata dell'audio è cambiata:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

❮ Riferimento DOM audio/video HTML