HTMLMediaElement: seeking イベント
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月.
seeking イベントは、シーク操作が開始されると発生します。つまり、論理属性の seeking を true に変更し、メディアが新しい位置をシークしている状態になります。
このイベントはキャンセル不可で、バブリングしません。
構文
このイベントを addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("seeking", (event) => { })
onseeking = (event) => { }
イベント型
一般的な Event です。
例
これらの例では、HTMLMediaElement の seeking イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。
addEventListener() を使用する場合:
js
const video = document.querySelector("video");
video.addEventListener("seeking", (event) => {
console.log("動画は新しい位置をシーク中です。");
});
onseeking イベントハンドラープロパティを使用する場合:
js
const video = document.querySelector("video");
video.onseeking = (event) => {
console.log("動画は新しい位置をシーク中です。");
};
仕様書
| Specification |
|---|
| HTML> # event-media-seeking> |
| HTML> # handler-onseeking> |
ブラウザーの互換性
Loading…
関連イベント
- HTMLMediaElement
playingイベント - HTMLMediaElement
waitingイベント - 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イベント