oncanplaythrough イベント

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

定義と使用法

ブラウザが指定されたメディアリソースを終了まで一貫して再生できると予測し、さらにコンテンツをバッファリングする必要がない場合、oncanplaythroughイベントが発生します。

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

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

インスタンス

例1

ビデオが一貫して再生されない停止する必要がない場合にJavaScriptを実行します：

<video oncanplaythrough="myFunction()">

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

例2

音楽が一貫して再生されない停止する必要がない場合にJavaScriptを実行します：

<audio oncanplaythrough="myFunction()">

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

構文

HTMLでは：

<element oncanplaythrough="myScript">

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

JavaScriptでは：

object.oncanplaythrough = function(){myScript};

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

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

object.addEventListener("canplaythrough", myScript);

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

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

技術的詳細

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

ブラウザのサポート

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

イベント クローム IE ファイアフォックス サファリ オペラ
oncanplaythrough サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト