canplaythrough ( oncanplaythrough )イベント
canplaythrough ( oncanplaythrough )イベントは、<audio>、<video> エレメントにおいてメディアのバッファリングを停止することなく再生できると推定できたら発生するEventインターフェイスのイベントです。
document.getElementById("exmpl_video").oncanplaythrough = ( event )=>{
console.log( event );
};
詳しくは Example を参照してください
似たイベントに canplay イベントがあります。canplay イベントは再生可能なバッファリングができたら発生します。イベントの発生順としては、canplay => canplaythrough です。
canplay ⬇ canplaythrough
JavaScript における <audio> については HTMLAudioElement インターフェイスを、<video> についてはHTMLVideoElement インターフェイスを参照してください。
ページ内 Index
- ad -
構文（Syntax）
in HTML
<tagelement oncanplaythrough="oneFunction()">
in JavaScript
object.oncanplaythrough = function(){ };
object.addEventListener("canplaythrough", script_);
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | Event |
| Supported HTML Elements | <audio>,<video> |
Example
canplaythrough ( oncanplaythrough )イベントの例です。確認
ボタンで以下のコードを実行してください。
canplaythrough イベント以外に canplay イベントも定義しています。とちらが先に発生しているかを確かめるためです。
開発用コンソールでもイベントの内容を確認してみてください。
- ad -
関連イベント
ダウンロードプロセスに関するイベント
メディアデータのダウンロードに関するイベントです。
| イベント | 概要 |
|---|---|
| onerror | リソースの読み込みの失敗または実行時にエラーが発生したら |
| onloadeddata | メディアデータの読み込みが終了したら |
| onloadedmetadata | メディアのメタデータの読み込みが完了したら |
| onloadstart | ファイルやメディアデータダウンロードプロセスが始まったら |
| onprogress | ファイルやメディアデータをダウンロードをしている間 |
| onstalled | ダウンロードをしたデータが利用できない |
メディアの再生に関するイベント
<audio> や <video> エレメントによるメディアデータの再生イベントです。
| イベント名 | 概要 |
|---|---|
| oncanplay | メディアの再生が可能になったら |
| oncanplaythrough | バッファリングを停止することなく再生できる |
| ondurationchange | メディアの再生時間が変更されたら |
| onpause | メディアの再生を一時停止 |
| onplay | 再生される、または一時停止から再開すると |
| onplaying | 一時停止または停止した後に再生を再開すると |
| onratechange | 再生速度が変更されたら |
| onseeked | 再生位置を変更するまたはスキップし再生が始まったら |
| onseeking | 再生位置を変更またはスキップ操作直後 |
| ontimeupdate | 再生位置が変わるたびに |
| onvolumechange | 音量を調整するたびに |
| onwaiting | バッファーで中断したら |