Latest web development tutorials

HTML Audio / Video DOM durationchange Ereignis

HTML-Audio / Video-Tag Referenz HTML Audio / Video DOM Referenz

Beispiele

Tipp Dauer des Videos hat sich geändert:

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

Versuchen »

Definition und Verwendung

Wenn Sie das Audio / Video-Länge der Zeit, die Datenänderungen an, dann tritt durationchange Ereignis.

Wenn der Audio / Video geladen ist, wird die Länge "NaN" an die Audio / Video von der tatsächlichen Länge der Zeit sein.

Wenn der Audio / Video wird Beladevorgang durch folgende Ereignisse folgen auftreten:

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

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen durationchange Ereignis.

Hinweis: 8 und frühere Versionen von Internet Explorer nicht das Ereignis nicht unterstützt.


Grammatik

In HTML:

<audio|video ondurationchange=" SomeJavaScriptCode ">

In JavaScript:

audio|video .ondurationchange= SomeJavaScriptCode ;

Verwenden Sie addEventListener ():

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

Technische Details

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


Beispiele

Weitere Beispiele

Verwenden Sie ondurationchange auf HTML - Elemente Attribute

Verwenden Sie addEventListener () für das Ereignis durationchange zu hören


HTML-Audio / Video-Tag Referenz HTML Audio / Video DOM Referenz