HTML Audio/Video DOM événement durationchange
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é");
}; 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 :
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- 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 "> 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 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é");
};