HTML Audio/Video DOM événement durationchange

❮ Référence HTML Audio/Video DOM

Exemple

Alerte lorsque la durée de la vidéo a changé :

let vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("La durée de la vidéo a changé");
};
Essayez-le vous-même »

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 audio/vidéo est chargé, la durée passe de "NaN" à la durée réelle de l'audio/vidéo.

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

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

Support des Navigateurs

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

Événement
durationchange Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

< audio|video ondurationchange=" myScript "> Essayez-le

En JavaScript :

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

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

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

Détails Techniques

Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Vidéo

Plus d'Exemples

Exemple

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

let aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("La durée de l'audio a changé");
};
Essayez-le vous-même »

❮ Référence HTML Audio/Video DOM