このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 イベントは、シーク操作が開始されると発生します。つまり、論理属性の seekingtrue に変更し、メディアが新しい位置をシークしている状態になります。

このイベントはキャンセル不可で、バブリングしません。

構文

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

js
addEventListener("seeking", (event) => { })

onseeking = (event) => { }

イベント型

一般的な Event です。

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

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

ブラウザーの互換性

関連イベント

関連情報