在视频缓冲区下一帧时显示加载图像

Question

我＆＃39;使用html5 video。当视频停止时，我需要在视频缓冲下一帧时显示加载图像，如youtube，下载下一帧youtube显示加载图像为圆形gif图像，当视频下载足够帧时启动它加载图片消失。

我没有问第一次视频开始。
我知道我可以在视频未启动时使用poster，或者我可以使用事件loadstart和canplay。

当视频第一次启动时，这些工作正常。但问题是我希望在播放时视频停止时加载图像，因为下一帧会缓冲。

那么，我使用的是什么，或者我该怎么做。

感谢。

Answer 1

要实现此目的，您可能希望收听视频元素中的相应事件。可以在w3schools.com找到可用事件列表。

您的目标感兴趣的两个事件是停滞和等待，一旦被解雇，您可以显示您的加载动画。