預加載視頻文件 - HTML5播放

Question

我想在我的網站首次加載時預先加載一些小視頻文件。 這樣，當用戶點擊進入網站的某個部分時，可以自動播放和使用它們。 我需要轉換是無縫的，所以理想情況下應該預加載整個視頻文件以避免任何延遲。

我嘗試了一些不同的插件，如html5preloader，以及其他一些JS技術，將視頻文件加載到頁面，但隱藏它們試圖強制瀏覽器在我使用之前加載視頻。

當我需要播放不同的視頻時，兩者都沒有真正改變視頻src。

是否實際上有一個適當的解決方案，或者是因為HTML5視頻播放，瀏覽器只在播放時部分下載文件？

欣賞有關為HTML5播放預加載視頻文件的任何想法和反饋。

謝謝

Answer 1

這樣的事情應該有所幫助：

<video controls="controls" preload="auto">
  <source src="sample.mp4" type="video/mp4" />
  ...
  Your browser does not support the video tag.
</video>

雖然因為preload =“auto”在瀏覽器中不一致，所以你的milage可能會有所不同。 如果這些是非常短的剪輯（你提到5秒）那么它可能會相當可靠