HTML 5 Audio/Video DOM canplaythrough 事件在移动端遇到的坑

canplaythrough 事件定义和用法

当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时，会发生 canplaythrough 事件。

当音频/视频处于加载过程中时，会依次发生以下事件：

• loadstart
• durationchange
• loadedmetadata
• loadeddata
• progress
• canplay
• canplaythrough

浏览器支持

所有主流浏览器都支持 canplaythrough 事件。

注释：Internet Explorer 8 或更早的浏览器不支持该事件。

以上是w3cschool的解释，但是在我实验检测中，发现chrome，firefox对此事件是支持的，而移动端对此事件支持需要辅助方法。

我们在做移动端h5的时候，可能都会需要预加载资源，包含图片，音视频文件

var audio = new Audio();audio.addEventListener("canplaythrough",function(){  console.log("加载完成！");},false);audio.addEventListener("error",function(){  console.log("加载失败！");},false);audio.src = src;

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：HTML 5 Audio/Video DOM canplaythrough 事件在移动端遇到的坑

关键词：HTML