HTMLMediaElement: canplaythrough イベント

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

canplaythrough イベントは、ユーザーエージェントがメディアを再生可能なときに発生し、コンテンツをさらにバッファリングするために再生を停止することなく、メディアを最後まで再生するのに十分なデータが読み込まれたと推定します。

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

構文

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

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

oncanplaythrough = (event) => {};

イベント型

一般の Event です。

例

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

addEventListener() を使用する場合:

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

video.addEventListener("canplaythrough", (event) => {
  console.log(
    "バッファリングを止めることなく、動画全体を再生できると思います。",
  );
});

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

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

video.oncanplaythrough = (event) => {
  console.log(
    "バッファリングを止めることなく、動画全体を再生できると思います。",
  );
};

仕様書

仕様書
HTML # event-media-canplaythrough
HTML # handler-oncanplaythrough

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2024年8月5日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

HTMLMediaElement: canplaythrough イベント

構文

イベント型

例

仕様書

ブラウザーの互換性

関連イベント

関連情報

MDN の改良に協力