DOM Audio/Vidéo HTMLdurationchangeÉvénements

Manuel de référence du DOM HTML/Vidéo

Exemple

La durée de la vidéo de l'invite a changé :

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("La durée de la vidéo a changé");

Essayez-le vous-même »

Définition et utilisation

Lorsque les données de durée de l'audio/vidéo spécifié changent, l'événement durationchange se produit.

Une fois l'audio/vidéo chargé, la durée passera de "NaN" à la durée réelle de l'audio/vidéo.

Pendant le processus de chargement de l'audio/vidéo, les événements suivants se produiront dans l'ordre :

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

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge l'événement durationchange.

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge cet événement.


Syntaxe

En HTML :

<audio|video ondurationchange="SomeJavaScriptCode">

En JavaScript :

audio|video.ondurationchange=SomeJavaScriptCode;

Utilisation de addEventListener() :

audio|video.addEventListener("durationchange", function()
  {
  //SomeJavaScriptCode
  }
);

Détails techniques

Les balises HTML suivantes sont prises en charge : <audio>, <video>
Les objets JavaScript suivants sont pris en charge : Audio, Video


实例

Plus d’exemples

Utilisation de l'attribut ondurationchange sur les éléments HTML

Utiliser addEventListener() pour écouter l'événement durationchange


Manuel de référence HTML Audio/Video DOMautres extensions