A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/ja/docs/Web/API/HTMLMediaElement/ended_event below:

HTMLMediaElement: ended イベント - Web API

HTMLMediaElement: ended イベント

Baseline Widely available

ended イベントは、メディアの終わりに達したため、またはそれ以上利用できるデータがないために再生またはストリーミングが停止したときに発生します。

このイベントは、 HTMLMediaElement（<audio> および <video>）においてメディアの再生がメディアの最後に到達して終了した時に、 ended が発生します。

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

メモ: ended イベントは loop プロパティが true で playbackRate が負の数ではない場合には発生しません。

構文

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

addEventListener("ended", (event) => {});

onended = (event) => {};
イベント型

一般的な Event です。

例

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

addEventListener() を使用する場合:

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

video.addEventListener("ended", (event) => {
  console.log(
    "動画は再生が完了したか、それ以上のデータが利用できないために停止しました。",
  );
});

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

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

video.onended = (event) => {
  console.log(
    "動画は再生が完了したか、それ以上のデータが利用できないために停止しました。",
  );
};
仕様書 ブラウザーの互換性 関連イベント 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4