蒲小花的博客
·
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 的关系。
-
推荐阅读官方文档以获取更多信息。
🏷️
