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

Question

我'使用html5 video。我需要在视频缓存下一帧时显示加载图像，如youtube当视频停止时，下载下一帧的帧youtube显示加载图像为圆圈gif图像，并且视频下载足够的帧开始加载时图像消失。

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

当视频第一次启动时，这些工作正常。但问题是我想要在播放时由于缓冲下一帧而停止视频时加载图像。

所以，我的事件使用或我该怎么做。

谢谢。

Answer 1

要达到此目的，您可能需要听视频元素中的相应事件。可用事件列表可在w3schools.com找到。

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