HTML Audio / Vidéo DOM durationChange événement

Rappelons que la durée de la vidéo a changé:

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

Plus "Try it yourself" exemples ci-dessous.

Définition et utilisation

L'événement d'durationChange se produit lorsque les données de la durée de l'audio / vidéo spécifiée est modifiée.

Remarque: Quand un audio / vidéo est chargée, la durée passe de "NaN" à la durée réelle de l'audio / vidéo.

Au cours du processus de chargement d'un audio / vidéo, les événements suivants se produisent, dans cet ordre:

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.

un événement
durationchange	Oui	9.0	Oui	Oui	Oui

En HTML:

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

En JavaScript:

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

En JavaScript, en utilisant la addEventListener() méthode:

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

Remarque: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.

balises HTML prises en charge:	<audio> and <video>
objets JavaScript pris en charge:	Audio, Video

Rappelons que la durée de l'audio a changé:

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