html5/jQuery視頻預加載器登錄頁面

我正在使用html5視頻標記作爲背景的網站上工作。
Awesome example of the site html5/jQuery視頻預加載器登錄頁面

正如你所看到的視頻是非常沉重的，因此我希望它預加載。但不僅僅是預加載：

<video id="video_background" controls="controls" preload="auto" loop>

因爲這與'自動播放'功能不兼容。這是我希望它在沒有任何用戶輸入的情況下啓動的背景。

我在尋找的是一種插件，它創建了一個可定製的預加載gif的登陸頁面，它在完全加載所有視頻格式時顯示類似「輸入」按鈕的內容。

我在這裏有一個很好的例子，唯一的缺點是;它只加載圖像..
Awesome example of an example

在此先感謝！

來源

2013-03-06 Jefferson

爲什麼不在背景video元素上設置海報圖像？

<video id="video_background" controls preload="auto" poster="video_background.jpg" autoplay> 
... 
</video>

然後，您將不需要預加載器，因爲瀏覽器會盡快開始播放視頻。

或者，您可以設置背景圖像並開始加載視頻（如果您的網站已經使用它，則通過JavaScript或jQuery），並且其狀態類似於「可以開始播放」 - 隱藏圖像並添加視頻。

來源

2013-03-06 14:51:36

因爲我試圖完全避免用戶輸入。該方法需要控制。 – Jefferson 2013-03-06 14:53:29

它是如何要求用戶輸入的？ – 2013-03-06 14:54:32

您的編輯使用javascript解釋以啓動視頻。這將使'控制'過時。但是，如果我想添加多個視頻（因爲此網站是爲攝影師提供的），他們都將顯示圖像。只有在加載後纔會玩。這不是我正在尋找的東西。預加載着陸頁將加載所有這些文件，並在進入網站時使其可用。 – Jefferson 2013-03-06 14:59:26

html5/jQuery視頻預加載器登錄頁面

回答

相關問題