〜この効果を実現したいのは簡単です、あなただけのビデオH5を理解する必要があり、手順に従って、私はそれに一歩一歩を行きます
私達のページを作るためにまず第一に、それは新しいビデオタグHTML5で使用されています
HTML：
<ビデオautoplayloopposter = "polina.jpg" クラス= "bgvid" ID = "bgvid">
<ソースSRC = "http://cdn.moji.com/websrc/video/video621.mp4" タイプ= "ビデオ/ MP4">
</ビデオ>
CSSスタイルは、ちょうどビデオは、サイクリング、サイレント、ダイレクトプレー、隠されたボタンを画面いっぱいにしましょう、そしてそれを繰り返さない、と言っても過言ではありません。
CSS：
体{
背景色：グレー。
背景：URL（ "http://cdn.moji.com/websrc/video/video621.mp4"）ノー・リピートcenter0px。
}
ビデオ＃1 bgvid {
位置：固定; 右：0; 下：0;
最小幅：100％。最小高さ：100％。幅：自動;高さ：
自動; Zインデックス：-100; 背景サイズ：カバー;
}
背景映像
の背景のビデオページで、ビデオウィンドウのサイズ変更（応答レイアウト）のサイズによって異なります
HTMLコード：
<DIV CLASS = "BG-ビデオ">
<ビデオクラス= "V1"自動再生ミュートループ>
<ソースSRC = "bg.mp4">
</ビデオ>
</ div>
CSS代码：
.bg映像{
幅：100 ％;
高さ：自動;
左：0PX。
トップ：0PX。
Zインデックス：-1。
垂直整列：底;表示：ブロック;
位置：絶対;
}
.v1 {
幅：100％。
高さ：自動;
}