當視頻緩衝區下一幀顯示加載圖像

Question

我'使用html5 video。我需要在視頻緩存下一幀時顯示加載圖像，如youtube當視頻停止時，下載下一幀的幀youtube顯示加載圖像爲圓圈gif圖像，並且視頻下載足夠的幀開始加載時圖像消失。

我不是在問第一次視頻開始。
我知道我可以使用poster，而視頻未啓動或我可以使用事件loadstart和canplay。

當視頻第一次啓動時，這些工作正常。但問題是我想要在播放時由於緩衝下一幀而停止視頻時加載圖像。

所以，我的事件使用或我該怎麼做。

謝謝。

Answer 1

要達到此目的，您可能需要聽視頻元素中的相應事件。可用事件列表可在w3schools.com找到。

您的目標的兩個感興趣的事件是停滯和等待，一旦他們被解僱了，你可以顯示你的加載動畫。