javascript - 检查 html5 视频是否准备就绪

Question

如果 HTML5 视频已准备好播放，是否触发了 JavaScript 事件？

Answer 1

刚刚遇到这个问题，虽然它有点老了，但我还是将其发布给 future 的读者(他们；像我一样，可能来自 Google)。

从今天开始，这是 html5 媒体的事件列表(根据 W3C):

• onabort :在中止时运行的脚本
  
• oncanplay :当文件准备好开始播放时运行的脚本(当它缓冲到足以开始播放时)
  
• oncanplaythrough :当文件可以一直播放到最后而无需暂停缓冲时运行的脚本
  
• ondurationchange : 媒体长度改变时运行的脚本
  
• onemptied :当发生不好的事情并且文件突然不可用(比如意外断开连接)时运行的脚本
  
• onended:媒体播放结束时运行的脚本(对于“感谢收听”等消息来说是一个有用的事件)
  
• onerror : 加载文件时发生错误时运行的脚本
  
• onloadeddata :加载媒体数据时要运行的脚本
  
• onloadedmetadata:加载元数据(如维度和持续时间)时运行的脚本
  
• onloadstart :在实际加载任何内容之前文件开始加载时运行的脚本
  
• onpause:当媒体被用户或程序暂停时运行的脚本
  
• onplay :媒体准备好开始播放时运行的脚本
  
• onplaying :媒体实际开始播放时要运行的脚本
  
• onprogress :浏览器正在获取媒体数据时运行的脚本
  
• onratechange:每次播放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式时)
  
• onreadystatechange :每次就绪状态更改时运行的脚本(就绪状态跟踪媒体数据的状态)
• onseeked :当 seeking 属性设置为 false 时运行的脚本，表示搜索已经结束
  
• onseeking :当 seeking 属性设置为 true 时要运行的脚本，表示搜索处于事件状态
  
• onstalled :当浏览器因任何原因无法获取媒体数据时运行的脚本
  
• onsuspend :在媒体数据由于某种原因完全加载之前停止获取媒体数据时运行的脚本
  
• ontimeupdate:当播放位置改变时运行的脚本(比如当用户快进到媒体中的不同点时)
  
• onvolumechange:每次更改音量时运行的脚本(包括将音量设置为“静音”)
  
• onwaiting:当媒体暂停但预计会恢复时运行的脚本(例如当媒体暂停以缓冲更多数据时)。

Dantz 正在寻找 oncanplaythrough。

希望这对您有所帮助。