Play事件 | HTML音频/视频

由 hcduguo

定义与用法

play 事件在音频/视频(audio/video)开始播放时触发。

提示： pause 事件在音频/视频(audio/video) 暂停播放时触发。

语法格式

HTML 中：

<audio|video onplay=”myScript“>

JavaScript 中：

audio|video.onplay=function(){myScript};

使用 addEventListener() 方法:

audio|video.addEventListener(“play”, myScript);

提示： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

示例代码

HTML 中：
<video controls width="320" height="176" onplay="alert('视频已经开始播放')">
  <source src="/video/BigBunny2.mp4" type="video/mp4">
  <source src="/video/BigBunny2.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

效果展示：

按下播放按键。

亲自试试

JavaScript效果：
<script>
    var vid = document.getElementById("myVideo");
    vid.onplay = function() {
        alert("视频已经开始播放");
    };
</script>

效果展示：

亲自试试

使用 addEventListener() 方法:
<script>
    var vid = document.getElementById("myVideo");
    vid.addEventListener("play",
    function() {
        alert("视频已经开始播放");
    });
</script>

按下播放按键。

亲自试试

本文底部包含了更多实例。

浏览器支持

事件
PlayYes9.0YesYesYes

表格中的数字表示支持该事件的第一个浏览器的版本号。

技术细节

支持的 HTML 标签:<audio> 和 <video>
支持的 JavaScript 对象:Audio, Video

更多示例

<script>
    var aud = document.getElementById("myAudio");
    aud.onplay = function() {
        alert("音频已经开始播放");
    };
</script>

效果展示：

亲自试试

相关