video - html5播放事件与视频标签中的播放事件

Question

我正在阅读有关 HTML5 视频标签的文档，但并不完全理解它。 如果用户单击播放按钮或控制栏上的播放箭头，我会认为您只有一个事件，该事件表明视频 正在玩。

但我读到:“播放”在音频/视频开始或不再暂停时触发“播放”在音频/视频暂停后准备播放时触发 或停止缓冲。听起来第二个只有在您暂停视频然后播放时才会发生再次， 虽然第一个发生在那时，但也会在您第一次开始播放视频时发生。但为什么要这样做？为什么不只是一场事件？

Answer 1

不同的原因是一旦你点击播放按钮(或调用play方法)，paused状态为false play 事件将会触发，但这并不能保证视频会真正开始播放。只是“尝试”玩。

如果视频在任何时候没有足够的数据，那么它就会暂停(不过，同样，paused 将为 false)和 waiting 事件会开火。一旦有足够的数据(并且 readyState 大于或等于 HAVE_FUTURE_DATA)，playing 事件将触发，视频将继续播放。

因此，出于实用目的，play 非常适合设置播放状态的视觉指示器，例如播放/暂停切换按钮上的图标。如果您想知道视频何时实际播放，请使用playing。例如，您可能希望在 waiting 事件触发时显示一个旋转的“loading”图标，然后在 playing 触发时移除该图标。

(除了没有足够的数据外，还有其他原因导致视频无法播放，即使您希望播放，但这些可能不会导致 waiting 和 playing 要触发的事件。在 HTML standard 中有更多详细信息。)