Neueste Web-Entwicklung Tutorials
 

HTML Audio / Video DOM durationchange Ereignis

<HTML Audio / Video DOM Referenz

Beispiel

Warnung, die die Dauer des Videos hat sich geändert:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
Versuch es selber "

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Die durationchange Ereignis tritt auf, wenn die Dauer-Daten des spezifizierten Audio / Video geändert wird.

Hinweis: Wenn Sie ein Audio / Video geladen ist, wird die Dauer von ändern "NaN" , um die tatsächliche Dauer des Audio / Video.

Während des Ladevorgangs eines Audio / Video, die folgenden Ereignisse auftreten, in dieser Reihenfolge:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.

Event
durationchange ja 9.0 ja ja ja

Syntax

In HTML:

< audio|video ondurationchange="myScript"> Try it

In JavaScript:

audio|video .ondurationchange=function(){myScript}; Try it

In JavaScript mit der addEventListener() Methode:

audio|video .addEventListener("durationchange", myScript ); Try it

Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und frühere Versionen.


Technische Details

Unterstützte HTML-Tags: <audio> and <video>
Unterstützte JavaScript-Objekte: Audio, Video

Mehr Beispiele

Beispiel

Alarmieren Sie, dass die Dauer des Audio hat sich geändert:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
Versuch es selber "

<HTML Audio / Video DOM Referenz