HTMLMediaElement: событие durationchange

Событие durationchange срабатывает, когда значение атрибута duration было обновлено.

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

addEventListener("durationchange", (event) => {});

ondurationchange = (event) => {};

Общее Event.

Эти примеры добавляют обработчик события для события durationchange HTMLMediaElement, затем отправляют сообщение, когда этот обработчик отреагировал на срабатывание события.

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

const video = document.querySelector("video");

video.addEventListener("durationchange", (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
});

Использование обработчика события ondurationchange:

const video = document.querySelector("video");

video.ondurationchange = (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
};

• Событие playing HTMLMediaElement
• Событие waiting HTMLMediaElement
• Событие seeking HTMLMediaElement
• Событие seeked HTMLMediaElement
• Событие ended HTMLMediaElement
• Событие loadedmetadata HTMLMediaElement
• Событие loadeddata HTMLMediaElement
• Событие canplay HTMLMediaElement
• Событие canplaythrough HTMLMediaElement
• Событие timeupdate HTMLMediaElement
• Событие play HTMLMediaElement
• Событие pause HTMLMediaElement
• Событие ratechange HTMLMediaElement
• Событие volumechange HTMLMediaElement
• Событие suspend HTMLMediaElement
• Событие emptied HTMLMediaElement
• Событие stalled HTMLMediaElement

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>