Événement de changement de durée HTML Audio/Vidéo DOM

❮ Référence DOM HTML Audio/Vidéo

Exemple

Alerter 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 d'exemples "Essayez-le vous-même" ci-dessous.


Définition et utilisation

L'événement durationchange se produit lorsque les données de durée de l'audio/vidéo spécifié sont modifiées.

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

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

  1. loadstart
  2. changement de durée
  3. métadonnées chargées
  4. données chargées
  5. le progrès
  6. peut jouer
  7. peut jouer

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement.

Event
durationchange Yes 9.0 Yes Yes Yes

Syntaxe

En HTML :

<audio|video ondurationchange="myScript">

En Javascript :

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

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

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

Détails techniques

Balises HTML compatibles : <audio> et <vidéo>
Objets JavaScript pris en charge : Audio Video

Plus d'exemples

Exemple

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

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

❮ Référence DOM HTML Audio/Vidéo