提高网站性能或预加载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是视频第一帧的屏幕截图，background.mp4是实际视频）

2. 在您的主HTML中，创建一个ID为background的div并将其留空。在你的CSS中，给div一个与视频第一帧相同的背景（截图或其他）

3. 接下来，使用一些Javascript（使用JQuery），如下所示：

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