视频加载时依次触发loadstart、durationchange、progress、canplay、canplaythrough；2. 播放开始时触发play、playing，随后timeupdate频繁更新时间；3. 暂停触发pause，结束触发ended；4. 错误触发error，音量变化触发volumechange，掌握顺序可精准控制视频行为。
在HTML5中，视频播放涉及多个事件的触发，了解这些事件的执行顺序有助于更好地控制视频行为，比如实现加载提示、播放统计或错误处理。以下是常见的HTML视频播放事件及其触发顺序的详细解析。
1. 视频加载阶段事件顺序
当元素被插入页面并开始加载资源时，会依次触发以下事件：
- loadstart：加载开始，浏览器准备获取视频数据。
- durationchange：视频时长发生变化（初始为NaN，获取后更新）。
- progress：浏览器正在下载视频，可能多次触发。
- canplay：视频已可播放，但后续可能暂停（缓冲不足）。
- canplaythrough：视频应能流畅播放至结束，无需额外缓冲。
注意：是否触发canplaythrough取决于网络状况和浏览器判断。
2. 播放控制相关事件
用户或脚本调用play()方法后，会按如下顺序触发事件：
立即学习“前端免费学习笔记（深入）”；
- play：播放状态开始（用户点击播放或自动触发）。
- playing：视频已真正开始播放，画面渲染。
- timeupdate：播放时间更新，频繁触发（依赖系统定时器）。
若播放过程中需要缓冲，还会触发waiting事件；恢复后触发playing。
3. 暂停与结束事件
当用户暂停或播放结束时：
- pause：播放暂停（非因缓冲）。
- ended：播放自然结束（不会自动循环，除非设置loop）。
注意：ended触发后，视频处于暂停状态，需重新调用play()才能再次播放。
4. 错误与音量变化事件
异常情况下的事件：
- error：加载或解码失败（可通过video.error获取具体错误码）。
- volumechange：音量或静音状态改变（可能由系统或其他脚本引起）。
该事件在play或mute操作后也可能触发。
基本上就这些常见事件。掌握它们的触发时机，可以精准控制视频行为，比如在canplay后显示播放按钮，在ended后展示推荐内容。不复杂但容易忽略细节。
