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:
- avvio di caricamento
- cambio di durata
- metadati caricati
- dati caricati
- progresso
- posso giocare
- 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