Latest web development tutorials

HTML Audio / Vidéo DOM événement durationChange

HTML audio / vidéo Tag Référence HTML Audio / Vidéo Référence du DOM

Exemples

Durée du Conseil de la vidéo a changé:

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");

Essayez »

Définition et utilisation

Lorsque vous spécifiez la longueur audio / vidéo pendant laquelle les modifications de données, durationChange événement se produit.

Lorsque l'audio / vidéo est chargée, la longueur sera "NaN" dans l'audio / vidéo de la durée réelle.

Lorsque le processus audio / vidéo est en cours de chargement sera suivie par les événements suivants se produisent:

  1. loadstart
  2. durationChange
  3. loadedmetadata
  4. loadeddata
  5. progrès
  6. CANPLAY
  7. canplaythrough

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs supportent durationChange événement.

Note: 8 et versions antérieures d'Internet Explorer ne supporte pas l'événement.

grammaire

En HTML:

<audio|video ondurationchange=" SomeJavaScriptCode ">

En JavaScript:

audio|video .ondurationchange= SomeJavaScriptCode ;

Utilisez addEventListener ():

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

détails techniques

以下 HTML 标签支持： <audio>, <video>
以下 JavaScript 对象支持： Audio, Video

Exemples

D'autres exemples

Utilisez ondurationchange attributs sur les éléments HTML

Utilisez addEventListener () pour écouter le durationChange d'événement

HTML audio / vidéo Tag Référence HTML Audio / Vidéo Référence du DOM