媒体因缓慢缓冲而暂停，然后永远不会从中恢复。如何处理这种情况？

Question

我认为我们作为用户也会遇到这种情况。例如，当我正在播放Youtube视频时，连接速度很慢，只有在缓冲了足够的内容后才能播放。但有时甚至在内容到达后它也不会继续播放。

大多数情况下，当发生这种情况时，我只需在播放器栏上的某处点击一下即可恢复。

现在，我认为在使用HTML5音频元素和Youtube API进行编程时遇到了这种情况。大多数时候它们运行良好，但是当连接不稳定时，即使内容到达，它也会停止并且永远不会恢复。有办法解决这个问题吗？谢谢！

Answer 1

HTML5 Media Elements会触发很多有用的events，可以帮助您解决此问题。我会考虑在waiting事件触发（表示缓冲）时启动计时器，然后定期尝试继续播放音轨，直到canplay触发。

您也可以拨打load而不是play，然后等待canplaythrough次点击（表示媒体可以连续播放而无需暂停缓冲）。

当然，YouTube API可能会阻止这些事件传播到包含页面，但值得一试。