HTMLMediaElement: durationchange イベント

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

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラプロパティ GlobalEventHandlers.ondurationchange
仕様 HTML5 メディア

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

AddEventListener() を使用する場合

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

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

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

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

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

仕様

ブラウザーの互換性

BCD tables only load in the browser

関連情報