HTML Аудио/Видео DOM продолжительность изменения события

❮ Справочник по HTML аудио/видео DOM

Пример

Уведомление об изменении продолжительности видео:

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

Другие примеры «Попробуйте сами» ниже.


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

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

Примечание. При загрузке аудио/видео продолжительность изменится с «NaN» на фактическую продолжительность аудио/видео.

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

  1. загрузкастарт
  2. изменение продолжительности
  3. загруженные метаданные
  4. загруженные данные
  5. прогресс
  6. может играть
  7. можно пройти

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

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

Event
durationchange Yes 9.0 Yes Yes Yes

Синтаксис

В HTML:

<audio|video ondurationchange="myScript">

В JavaScript:

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

В JavaScript с помощью метода addEventListener():

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

Технические детали

Поддерживаемые HTML-теги: <аудио> и <видео>
Поддерживаемые объекты JavaScript: Аудио видео

Дополнительные примеры

Пример

Оповещение об изменении продолжительности звука:

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

❮ Справочник по HTML аудио/видео DOM