HTML リファレンスマニュアル

HTML タグ一覧

HTML オーディオ/ビデオ DOM canplaythrough イベント

メディアファイルを再生できると推定された端末で、canplaythrough イベントが発生し、メディアを最後まで再生するための十分なデータが読み込まれたと推定されます。これにより、さらにバッファリングを停止することなくメディアを再生できます。

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

オンラインサンプル

ビデオが常に再生し、停止しないように通知：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　oncanplaythrough　イベントの使用方法-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTMLをサポートしていません。5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplaythrough=alert("Can　play　through　video　without　stopping");
</script>　
</body>
</html>

テストして見てください ‹/›

定義と使用法

ブラウザが指定されたオーディオを再生できると推定した場合/ビデオを再生し、バッファリングを停止しない場合、canplaythrough イベントが発生します。

オーディオが/ビデオが読み込まれている間、以下のイベントが順次発生します：

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは canplaythrough イベントをサポートしています。

注意：Internet Explorer 8 およびその以前のバージョンでは、このイベントをサポートしていません。

構文

HTML で：

<audio|video oncanplaythrough="SomeJavaScriptCode">

JavaScript で：

audio|video.oncanplaythrough=SomeJavaScriptCode;

addEventListener() を使用する

audio|video.addEventListener("canplaythrough", function()
　 {
　 //SomeJavaScriptCode
　 }
);

技術的詳細

以下の HTML タグがサポートされています：	<audio>, <video>
以下の JavaScript オブジェクトがサポートされています：	オーディオ、ビデオ

さらに多くの例

HTML エレメント上で oncanplaythrough 属性を使用する

addEventListener() を使用して canplaythrough イベントをリスニングする

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

HTML: <template> タグ