HTML Audio/Video DOMdurationchangeСобытия

Справочное руководство по HTML Audio/Video DOM

Пример

Длительность видео из подсказки изменилась:

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");

Попробуйте сами »

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

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

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

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

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. прогресс
  6. canplay
  7. canplaythrough

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают событие durationchange.

Примечание:Internet Explorer 8 и более ранние версии не поддерживают это событие.


Синтаксис

В HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

В JavaScript:

audio|video.ondurationchange=SomeJavaScriptCode;

Использование addEventListener():

audio|video.addEventListener("durationchange", function()
  {
  //SomeJavaScriptCode
  }
);

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

Поддерживаются следующие HTML-теги: <audio>, <video>
Поддерживаются следующие объекты JavaScript: Audio, Video


实例

Другие примеры

Используйте addEventListener() для прослушивания события durationchange


Справочное руководство по HTML Audio/Video DOMдругие расширения