loadedData,loadedMetadata,canplay 什么时候播放最好

loadedData,loadedMetadata,canplay 什么时候播放最好

💡 原文中文,约1200字,阅读约需3分钟。
📝

内容提要

本文介绍了 HTML5 Video 元素的 ReadyState 和相关事件,建议阅读官方文档以获取更多信息。

🎯

关键要点

  • 本文介绍了 HTML5 Video 元素的 ReadyState 和相关事件。
  • 分析了 readyState 状态的具体含义。
  • 视频播放启动的事件包括 loadedmetadata、loadeddata、canplay 和 canplaythrough。
  • 事件触发的顺序为 loadedmetadata -> loadeddata -> canplay -> canplaythrough。
  • 在 3G 网速下,canplaythrough 触发较晚。
  • 快速起播可以选择 loadeddata 和 canplay,可靠播放可以选择 canplaythrough。
  • 在极端网络情况下,canplaythrough 可能不会触发。
  • 下一篇将分析 Autoplay 属性与事件和 readyState 的关系。
  • 推荐阅读官方文档以获取更多信息。
➡️

继续阅读