HTML ondurationchange Attribut d'Événement

❮ Attributs d'Événements HTML

Exemple

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

<script>
function myFuncion() {
alert("La durée de la vidéo a changé");
}
</script>

<video ondurationchange="myFunction()">
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

< élément ondurationchange=" script ">

Valeurs d'Attributs

Valeur Description
script Le script à exécuter lors du changement de durée

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é :

<script>
function myFuncion() {
alert("La durée de l'audio a changé");
}
</script>

<audio ondurationchange="myFunction()">
Essayez-le vous-même »

❮ Attributs d'Événements HTML