É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 :
- loadstart
- changement de durée
- métadonnées chargées
- données chargées
- le progrès
- peut jouer
- 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