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

HTML タグ一覧

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

メディアファイルを再生できるときにcanplayイベントがトリガーされ、メディアを再生するまでに十分なデータが読み込まれると推定されます。終了に至るまでの再生には、さらにバッファリングを停止する必要はありません。

オンラインサンプル

ビデオが再生を開始する準備ができたことを通知します：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　oncanplay　イベントの使用方法-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTML5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("ビデオ再生を開始できます");
</script>　
</body>
</html>

テストをしてみる ‹/›

定義と使用法

ブラウザが指定されたオーディオを再生開始できる場合/ビデオ（再生を開始するためのバッファリングが十分に済んだ場合）で、canplayイベントが発生します。

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

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

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

文法

HTMLで：

<audio|video oncanplay="SomeJavaScriptCode">

JavaScriptで：

audio|video.oncanplay=SomeJavaScriptCode;

addEventListener()を使う：

.addEventListener("canplay", function(){
　
}
);

技術的な詳細

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

もっと例

HTML要素でoncanplay属性を使う

addEventListener()を使ってcanplayイベントをリスニング

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

HTML: <template> タグ