ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



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

❮ HTML Аудио/Видео DOM Справка

Пример

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

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

In JavaScript, using the addEventListener() method:

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("Длительность аудио изменилась");
};

❮ HTML Аудио/Видео DOM Справка