2013-01-03 146 views
4

我想在我的網站上預加載一些小視頻文件,當它首次加載時。這是爲了當用戶點擊進入網站的一部分時可以自動播放和使用它們。我需要無縫過渡,因此理想情況下應該預裝整個視頻文件以避免任何延遲。預加載視頻文件 - HTML5播放

我試了幾個不同的插件,如html5preloader,還有一些其他的JS技術來加載視頻文件到頁面,但隱藏他們試圖強制瀏覽器加載視頻之前,我使用它們。

當我需要播放不同的視頻時,只需更換視頻src就沒有太大區別。

實際上是否有適當的解決方案,或者是因爲HTML5視頻播放,只有瀏覽器部分下載文件,因爲它是播放?

感謝您爲HTML5回放預加載視頻文件的任何想法和反饋。

感謝

+0

您可能不想預載整個視頻。如果用戶從不觀看任何特定視頻怎麼辦?理想情況下,您可以部分預加載視頻,然後在用戶觀看時加載剩下的視頻。這允許用戶立即播放並且不會浪費帶寬。這實際上是YouTube所做的。 –

+0

剪輯非常小,每個5秒,並有5個或他們。用戶在瀏覽網站場景時最終會觀看每部電影。我只需要完全加載文件,以便從一個部分到另一個部分的過渡將是無縫的 –

+0

您是否嘗試將「預加載」屬性添加到視頻元素中? – brianchirls

回答

0

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

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

雖然因爲預緊= 「自動」 是不是跨瀏覽器一致的milage可能會有所不同。如果這些片段非常短(您提到了5秒),那麼它可能會相當可靠