Événement ondurationchange

Événements DOM Objet Event

Définition et utilisation

L'événement ondurationchange se produit lorsque la durée de l'audio/video change.

Remarque :Après que l'audio/video a été chargé, la durée passera de "NaN" à la durée réelle de l'audio/video.

Pendant le chargement de l'audio/video, les événements suivants se produisent dans l'ordre suivant :

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Exemple

Exemple 1

Exécutez du JavaScript lorsque la durée de la vidéo change :

<video ondurationchange="myFunction()">

Essayez-le vous-même

Exemple 2

Exécutez du JavaScript lorsque le fichier audio commence à se charger :

<audio ondurationchange="myFunction()">

Essayez-le vous-même

Syntaxe

Dans HTML :

<élément ondurationchange="myScript">

Essayez-le vous-même

Dans JavaScript :

objet.ondurationchange = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

objet.addEventListener("durationchange", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge méthode addEventListener().

Détails techniques

Bubbling : Non pris en charge
Annulable : Non pris en charge
Type d'événement : Événement
Balises HTML prises en charge : <audio> et <video>
Version DOM : Événements de niveau 3

Support du navigateur

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

événement Chrome IE Firefox Safari Opera
ondurationchange Support 9.0 Support Support Support
Événements DOM Objet Event