提高網站性能或預加載mp4/gif的背景

Question

有什麼辦法預載MP4/GIF後臺資源？或者有沒有辦法增加用作背景圖片的MP4/GIF的網站加載時間？

Answer 1

所以，一路上，我做到這一點：

1. 創建另一個HTML文檔，將其命名爲像video.html與內容是這樣的：

   <video autoplay="" loop="" poster="bg.jpg" id="bgvid"> 
       <source src="image/background.mp4" type="video/mp4"> 
   </video> 
   

   （其中bg.jpg是視頻的第一幀的screencap，以及background.mp4是實際的視頻）

2. 在您的主HTML中，創建一個ID爲的div並將其留空。在你的CSS，給DIV背景是一樣的視頻的第一幀（截圖，或東西）

3. 接下來，使用一些JavaScript（用jQuery）是這樣的：

   $(window).bind("load", function() { 
       $('#background').load('video.html'); 
   });