HTMLMediaElement: durationchange イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

durationchange イベントは、duration 属性が更新されたときに発生します。

構文

このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

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

一般の Event です。

これらの例では、HTMLMediaElement の durationchange イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。

addEventListener() を使用する場合:

const video = document.querySelector("video");
video.addEventListener("durationchange", (event) => {
 console.log("理由はわかりませんが、動画の再生時間が変わりました。");
});

ondurationchange イベントハンドラープロパティを使用する場合:

const video = document.querySelector("video");
video.ondurationchange = (event) => {
 console.log("理由はわかりませんが、動画の再生時間が変わりました。");
};

Specification
HTML # event-media-durationchange
HTML # handler-ondurationchange

This page was last modified on ⁨2024年8月5日⁩ by MDN contributors.