HTMLMediaElement: durationchange イベント

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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("理由はわかりませんが、動画の再生時間が変わりました。");
};

仕様書

仕様書
HTML # event-media-durationchange
HTML # handler-ondurationchange

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2024年8月5日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

HTMLMediaElement: durationchange イベント

構文

イベント型

例

仕様書

ブラウザーの互換性

関連イベント

関連情報

MDN の改良に協力