html5中如何使用oncanplay-创新互联

这篇文章将为大家详细讲解有关html5中如何使用oncanplay，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

盘龙ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

实例

在视频(video)准备开始播放时执行 JavaScript：

<video oncanplay="myFunction()">

定义和用法

oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。

在视频/音频（audio/video）加载过程中，事件的触发顺序如下：

1. onloadstart

2. ondurationchange

3. onloadedmetadata

4. onloadeddata

5. onprogress

6. oncanplay

7. oncanplaythrough

浏览器支持

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

语法

HTML 中：

<element oncanplay="myScript">

JavaScript 中：

object.oncanplay=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("canplay", myScript);

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

技术细节

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

实例

当音频准备播放时执行 JavaScript :

<audio oncanplay="myFunction()">

关于“html5中如何使用oncanplay”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

名称栏目：html5中如何使用oncanplay-创新互联
网页URL：https://www.cdcxhl.com/article4/dopooe.html

成都网站建设公司_创新互联，为您提供外贸建站、品牌网站设计、微信小程序、小程序开发、网站制作、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联