Последние учебники веб-разработки
 

HTML Аудио / Видео DOM durationchange Событие

<HTML Аудио / видео DOM Reference

пример

Оповещение о том, что продолжительность видео изменилась:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
Попробуй сам "

Больше "Попробуйте сами" примеры ниже.


Определение и использование

Событие durationchange происходит, когда длительность данных указанного аудио / видео изменяется.

Примечание: Если аудио / видео загружается, длительность будет меняться от "NaN" к фактической продолжительности аудио / видео.

В процессе загрузки аудио / видео, следующие события происходят в следующем порядке:

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

Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает событие.

Мероприятие
durationchange да 9.0 да да да

Синтаксис

В HTML:

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

В JavaScript:

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

В JavaScript, используя addEventListener() метод:

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

Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.


Технические подробности

Поддерживаемые HTML-теги: <audio> and <video>
Поддерживаемые объекты JavaScript: Audio, Video

Еще примеры

пример

Оповещение о том, что длительность аудио изменилась:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
Попробуй сам "

<HTML Аудио / видео DOM Reference