Manuale di riferimento HTML

Completo di tag HTML

Evento durationchange DOM audio/video HTML

Si verifica l'evento durationchange quando l'attributo duration è aggiornato.

　Manuale di riferimento del DOM Audio/Video HTML

Esempio online

Suggerimento: la durata del video è cambiata:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento durationchange audio/video HTML - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("La durata del video è cambiata");
</script>　
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

Si verifica l'evento durationchange quando si modifica i dati di durata dell'audio/video specificato.
Attenzione: dopo aver caricato l'audio/video, la durata passerà da "NaN" alla durata effettiva dell'audio/video.

Quando l'audio/video è in fase di caricamento, si verificano i seguenti eventi in successione:

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'evento durationchange.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano questo evento.

Sintassi

In HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

In JavaScript:

audio|video.ondurationchange=SomeJavaScriptCode;

Usa addEventListener():

audio|video.addEventListener("durationchange", function()
　 {
　 //SomeJavaScriptCode
　 }
);

Dettagli tecnici

Le seguenti etichette HTML supportano:	<audio>, <video>
I seguenti oggetti JavaScript supportano:	Audio, Video

Più esempi

Usa l'attributo ondurationchange sugli elementi HTML

Usa addEventListener() per ascoltare l'evento durationchange

　Manuale di riferimento del DOM Audio/Video HTML

HTML: <template> etichetta