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

HTML タグ完全ガイド

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

playing イベントは、再生が始まる前に（一時停止されたか、データが不足しているため一時停止された場合）トリガーされます

オンラインサンプル

ビデオ再生中にポップアップメッセージが表示されます：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　onplayingイベントの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>ビデオを再生し、一時停止してから再生してください。</p>
<video　id="myVideo"　width="320"　height="176"　controls>
　　<source　src="mov_bbb.mp4"　type="video/mp4">
　　<source　src="mov_bbb.ogg"　type="video/ogg">
　　あなたのブラウザはHTMLをサポートしていません5　video タグ。
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onplaying　=　function()　
{
　　　　alert("ビデオが再生中です");
};
</script>　
</body>
</html>

テストを見てみる ‹/›

定義と使用方法

playing イベントがオーディオ/ビデオ(audio/video)がバッファリングにより一時停止または停止した後、再開準備ができたらトリガーされます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

文法

HTML では：

<audio|video onplaying="myScript">試してみてください

JavaScript では：

audio|video.onplaying=function(){myScript};試してみてください

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

audio|video.addEventListener("playing", myScript);試してみてください

注意： Internet Explorer 8 およびもっと古い IE 版本ではサポートされていません addEventListener() 方法。

技術的詳細

サポートする HTML タグ:	<audio> と <video>
サポートする JavaScript オブジェクト:	オーディオ、ビデオ

オンラインサンプル

音声再生中にポップアップメッセージが表示されます:

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　onplayingイベントの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>オーディオを再生し、停止して再び再生します。</p>
<audio　id="myAudio"　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
　　あなたのブラウザは audio 要素をサポートしていません。
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onplaying　=　function()　
{
　　　　alert("オーディオが再生中");
};
</script>
</body>
</html>

テストを見てみる ‹/›

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

HTML: <template> タグ