Waiting事件 | HTML音频/视频

定义与用法

waiting 事件在视频由于需要缓冲下一帧而停止时触发。

该事件可用于 <audio> 元素，但通常都用在视频中。

---

语法格式

HTML 中：

<audio|video onwaiting=”myScript“>

JavaScript 中：

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

使用 addEventListener() 方法:

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

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

---

示例代码

HTML 效果：

<video controls width="320" height="176" onwaiting="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.onwaiting = function() {
        alert("稍等! 我需要缓冲下一帧");
    };
</script>

效果展示：

播放视频。

亲自试试

---

使用 addEventListener() 方法:

<script>
    var vid = document.getElementById("myVideo");
    vid.addEventListener("waiting",
    function() {
        alert("稍等! 我需要缓冲下一帧");
    });
</script>

效果展示：

播放视频。

亲自试试

---

浏览器支持

事件
Waiting	Yes	9.0	Yes	Yes	Yes

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

---

技术细节

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

---