如何在特定時間暫停html 5視頻

Question

有沒有一種在特定時間暫停html 5視頻的優雅方式？

我嘗試了兩種方式：

1. 使用timeupdate事件，看看currentTime屬性比需要的時間更多，撥打電話暫停（）。這在Firefox中表現良好，其他瀏覽器有時會滯後並在視頻真正暫停之前渲染額外的幀。
2. 使用TimedTracks和PauseOnExit標誌設置爲true的提示。不幸的是，沒有瀏覽器實現TimedTracks ...

你有其他想法嗎？

乾杯， 斯特凡

Answer 1

這聽起來像你想要的視頻播放達到某一點，然後暫停。目前的API無法做到這一點。但是，您可以執行的操作是使用timeupdate事件在所需時間之前暫停，然後將currentTime設置爲所需的時間。尋找也應該在暫停時工作，所以這應該每次都在同一幀暫停你（模塊瀏覽器的bug）。

Answer 2

您可以使用timeupdate事件來檢查currentTime，並且一旦它超過了停止時間，暫停它。 timeupdate事件的分辨率可能高達250ms，這並不是很好。

因此，或者，您可以以更高的速率輪詢currentTime和setInterval，例如，每隔50ms並在視頻停止時間後暫停視頻。這可能更可靠，但會在瀏覽器上產生更高的負載。

視頻元素的回調接口仍在開發中，最終將解決此問題。

Answer 3

您可以結合西爾維亞建議的兩種解決方案。如果您使用timeupdate事件來查找您在所需時間的1秒鐘內，那麼您可以在該點使用setInterval解決方案。這將實現SetInterval解決方案的更高精度，但您只需在瀏覽器上承受更高的負載。