HTML Audio/Video DOM playイベント

例

ビデオが再生を開始したときにポップアップメッセージを表示します：

var vid = document.getElementById("myVideo");
vid.onplay = function() {
alert("The video has started to play");
};

この記事の下部にはその他の例があります。

play イベントは、オーディオ/ビデオ(audio/video) が再生を開始したときに発生します。

ヒント： pauseイベントは、オーディオ/ビデオ(audio/video) が一時停止されたときに発生します。

表内の数字は、このイベントをサポートする最初のブラウザのバージョン番号を表します。

イベント
play	Yes	9.0	Yes	Yes	Yes

HTML の場合：

<audio|video onplay="myScript">試してみる

JavaScript の場合：

audio|video.onplay=function(){myScript};試してみる

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

audio|video.addEventListener("play", myScript);試してみる

注意：Internet Explorer 8 およびそれ以前の IE バージョンはサポートしていませんaddEventListener()メソッド。

技術詳細

サポートされている HTML タグ：	<audio> と <video>
サポートされている JavaScript オブジェクト：	Audio, Video

オーディオが再生を開始したときにポップアップメッセージを表示します：

var aud = document.getElementById("myAudio");
aud.onplay = function() {
alert("The audio has started to play");
};