Gli ultimi tutorial di sviluppo web
 

durationchange Evento HTML Audio / Video DOM

<HTML Audio / Video Reference del DOM

Esempio

Alert che la durata del video è cambiato:

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

Più "Provate voi stessi" esempi di seguito.


Definizione e utilizzo

L'evento durationchange si verifica quando viene modificato i dati durata del audio / video specificato.

Nota: Quando un audio / video viene caricato, la durata cambierà da "NaN" alla durata effettiva del audio / video.

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

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.

Evento
durationchange 9.0

Sintassi

In HTML:

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

In JavaScript:

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

In JavaScript, utilizzando il addEventListener() metodo:

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

Alert che la durata dell'audio è cambiato:

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

<HTML Audio / Video Reference del DOM