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

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

View in English Always switch to English

HTMLMediaElement: canplay イベント

Baseline 広く利用可能

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

canplay イベントは、ユーザーエージェントがメディアを再生できるようになったものの、追加のバッファリングのために停止することなくメディアの最後まで再生するには充分なデータが読み込まれていないとみられる場合に発生します。

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

構文

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

js
addEventListener("canplay", (event) => {});
oncanplay = (event) => {};

イベント型

一般の Event です。

例

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

addEventListener() を使用した例:

js
const video = document.querySelector("video");
video.addEventListener("canplay", (event) => {
 console.log(
 "動画は開始できますが、最後まで再生されるかどうかはわかりません。",
 );
});

イベントハンドラープロパティ oncanplay を使用した例:

js
const video = document.querySelector("video");
video.oncanplay = (event) => {
 console.log(
 "動画は開始できますが、最後まで再生されるかどうかはわかりません。",
 );
};

仕様書

仕様書
HTML
# event-media-canplay
HTML
# handler-oncanplay

ブラウザーの互換性

関連イベント

関連情報

MDN の改良に協力

協力方法を知る

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

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