oncanplay イベント

DOM イベント Event オブジェクト

定義と使用方法

oncanplayイベントは、ブラウザが指定されたオーディオ/ビデオを再生開始できるようになる時（バッファリングが再生開始に十分な程度になる時）に発生します。

オーディオ/ビデオの読み込み中に、以下の順序で以下のイベントが発生します：

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

インスタンス

例1

ビデオが再生開始準備ができたらJavaScriptを実行します：

<video oncanplay="myFunction()">

自分で試してみてください

例2

音楽が再生開始準備ができたらJavaScriptを実行します：

<audio oncanplay="myFunction()">

自分で試してみてください

语法

HTMLでは：

<element oncanplay="myScript">

自分で試してみてください

JavaScriptでは：

object.oncanplay = function(){myScript};

自分で試してみてください

JavaScriptでは、addEventListener()メソッドを使用して：

object.addEventListener("canplay", myScript);

自分で試してみてください

注記：Internet Explorer 8またはそれ以前のバージョンではサポートされていません addEventListener()メソッド。

技術的詳細

バブル： サポートしない
キャンセル可能： サポートしない
イベントタイプ： イベント
サポートするHTMLタグ： <audio> と <video>
DOMバージョン： レベル3イベント

ブラウザのサポート

テーブルの数字は、そのイベントを完全にサポートする最初のブラウザのバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
oncanplay サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト