HTMLMediaElement: durationchange イベント
durationchange
イベントは、duration
属性が更新されたときに発生します。
バブリング | なし |
---|---|
キャンセル | 不可 |
インターフェイス | Event |
対象 | 要素 |
既定のアクション | なし |
イベントハンドラプロパティ | GlobalEventHandlers.ondurationchange (en-US) |
仕様 | HTML5 メディア |
例
これらの例では、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('理由はわかりませんが、動画の再生時間が変わりました。');
};
仕様
ブラウザーの互換性
BCD tables only load in the browser
関連イベント
HTMLMediaElement: playing イベント
HTMLMediaElement: waiting イベント
HTMLMediaElement: seeking イベント
HTMLMediaElement: seeked イベント
HTMLMediaElement: ended イベント
HTMLMediaElement: loadedmetadata イベント
HTMLMediaElement: loadeddata イベント
HTMLMediaElement: canplay イベント
HTMLMediaElement: canplaythrough イベント
HTMLMediaElement: durationchange イベント
HTMLMediaElement: timeupdate イベント
HTMLMediaElement: play イベント
HTMLMediaElement: pause イベント
HTMLMediaElement: ratechange イベント
HTMLMediaElement: volumechange イベント
HTMLMediaElement: suspend イベント
HTMLMediaElement: emptied イベント
HTMLMediaElement: stalled イベント