HTMLウェブサイトのビデオ背景

HTMLコードの場合、この例のようにウェブサイトの背景にビデオを挿入する方法はhttp://www.buildingengines.com/です。私はちょうど正しい方向に一歩が必要です。HTMLウェブサイトのビデオ背景

2017-03-17 user353866

[この質問]（http://stackoverflow.com/questions/26905511/css-background-video）は、映像要素に関するいくつかの良い情報が含まれている可能性があります。 – GameGibu

コンテンツとしてZインデックスの低い動画を配置し、それに従ってコンテンツを配置します。

video { 
 
z-index: 0; 
 
} 
 
h1 { 
 
z-index: 2; 
 
position: fixed; 
 
top: 20px; 
 
left: 40px; 
 
}

<video width="400" autoplay> 
 
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
    Your browser does not support HTML5 video. 
 
</video> 
 
<h1>Text</h1>

出典

2017-03-17 20:37:46

'z-index'は、それが適用された要素が配置された要素（つまり、デフォルト値である' position：static'以外の要素）である場合にのみ機能します。 – GameGibu

HTMLウェブサイトのビデオ背景

答えて

関連する問題