HTML oncanplaythrough 事件属性

[

  HTML 事件属性

HTML oncanplaythrough 事件属性的定义和用法

oncanplaythrough 事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。
在视频/音频（audio/video）加载过程中，事件的触发顺序如下:

1. onloadstart
2. ondurationchange
3. onloadedmetadata
4. onloadeddata
5. onprogress
6. oncanplay
7. oncanplaythrough

HTML oncanplaythrough 事件属性：语法

HTML 中：

<p>该实例演示了如何向 video 元素添加 "oncanplaythrough" 事件。</p> <video controls oncanplaythrough="myFunction()"> <source src="https://www.breakyizhan.com/wp-content/uploads/2019/03/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 video 元素。 </video> <script> function myFunction() { alert("无需停顿可直接播放视频"); } </script>

     提示：可以修改代码后运行

JavaScript 中：

<p>该实例演示了如何使用 HTML DOM 向 video 元素添加 "oncanplaythrough" 事件。</p> <video controls id="myVideo"> <source src="https://www.breakyizhan.com/wp-content/uploads/2019/03/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 video 元素。 </video> <script> document.getElementById("myVideo").oncanplaythrough = function() {myFunction()}; function myFunction() { alert("无需停顿可直接播放视频"); } </script>

     提示：可以修改代码后运行

JavaScript 中, 使用 addEventListener() 方法:

<p>该实例演示了如何使用 addEventListener() 方法向 video 元素添加 "oncanplaythrough" 事件。</p> <video controls id="myVideo"> <source src="https://www.breakyizhan.com/wp-content/uploads/2019/03/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 video 元素。 </video> <script> document.getElementById("myVideo").addEventListener("canplaythrough", myFunction); function myFunction() { alert("无需停顿可直接播放视频"); } </script>

     提示：可以修改代码后运行

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

---

技术细节

是否支持冒泡:	No
是否可以取消:	No
事件类型:	Event
支持的 HTML 标签:	<audio>, <video>

  HTML 事件属性

]

  本文标题：HTML oncanplaythrough 事件属性 - Break易站

转载请保留页面地址：https://www.breakyizhan.com/html/10027.html