ウェブサイトのパフォーマンスを向上させるか、mp4/gifの背景をあらかじめロードする

Question

MP4/GIFバックグラウンドアセットをプリロードする方法はありますか？または、背景画像として使用されるMP4/GIFでウェブサイトの読み込み時間を増やす方法はありますか？

Answer 1

だから、私はそれを行う方法：

1. は、別のHTMLドキュメントを作成し、名前には、内容のvideo.htmlのようなもの、このような何か：bg.jpgがある

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

   （ビデオの最初のフレームのscreencap、background.mp4は実際のビデオ）

2. メインHTMLには、というIDのdivを作成しますを空にしておきます。

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

：あなたのCSSでは、このように（jQueryを使って）いくつかのJavascriptを使用して、divのビデオの最初のフレームと同じである背景（スクリーンショットをか何か）

次を与えます