ページの背景が見事に「HTML5、CSS3」ビデオ！

githubのプロジェクト住所：https://github.com/Ethan997/Video-background-page

〜この効果を実現したいのは簡単です、あなただけのビデオH5を理解する必要があり、手順に従って、私はそれに一歩一歩を行きます

私達のページを作るためにまず第一に、それは新しいビデオタグHTML5で使用されています

HTML：

<ビデオautoplayloopposter = "polina.jpg"クラス=は、ID = "bgvid" "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。背景サイズ：カバー ; 

}

出典ます。https：//blog.csdn.net/weixin_33696822/article/details/89661294