HTMLMedia​Element: canplaythrough イベント

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

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラプロパティ GlobalEventHandlers.oncanplaythrough
仕様 HTML5 メディア

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

AddEventListener() を使用する場合

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

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

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

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

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

仕様

仕様 状態
HTML Living Standard
canplaythrough media event の定義
現行の標準
HTML5
canplaythrough media event の定義
勧告

ブラウザーの互換性

BCD tables only load in the browser

関連情報