1. 開発者向けのウェブ技術
  2. Web API
  3. HTMLMediaElement
  4. canplaythrough

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

View in English Always switch to English

HTMLMediaElement: canplaythrough イベント

Baseline 広く利用可能

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

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

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

構文

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

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

イベント型

一般の Event です。

例

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

addEventListener() を使用する場合:

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

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

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

仕様書

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

ブラウザーの互換性

関連イベント

関連情報

MDN の改良に協力

協力方法を知る

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

AltStyle によって変換されたページ (->オリジナル) /