Najnowsze tutoriale tworzenie stron internetowych
 

HTML Audio / Video DOM durationchange Event

<HTML Audio / Video DOM

Przykład

Ostrzegają, że czas trwania filmu nie zmieniło:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
Spróbuj sam "

Więcej "Try it yourself" przykłady poniżej.


Definicja i Wykorzystanie

Durationchange zdarzenie ma miejsce, gdy dane czas określony audio / wideo jest zmieniana.

Uwaga: W przypadku audio / wideo jest załadowany, czas zmieni się z "NaN" do rzeczywistego czasu trwania audio / wideo.

Podczas procesu ładowania z gniazda audio / wideo, są następujące zdarzenia, w następującej kolejności:

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

Pomoc Browser

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.

Zdarzenie
durationchange tak 9,0 tak tak tak

Składnia

W HTML:

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

W JavaScript:

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

W JavaScript, używając addEventListener() metodę:

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

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.


Szczegóły techniczne

Obsługiwane znaczniki HTML: <audio> and <video>
Obsługiwane obiekty JavaScript: Audio, Video

Więcej przykładów

Przykład

Ostrzegają, że czas trwania dźwięku nie zmieniło:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
Spróbuj sam "

<HTML Audio / Video DOM