HTMLで背景動画を画面中央に設定したいのですが、どうしても左上の角を中心に画面サイズの恐らく4倍くらいの大きさになり中央に揃いません。
色々調べてHTML、CSSをコピペで試したのですが、ダメでした・・・。
使用している動画はフルHD(1920x1080)で、ブラウザはChromeを使用しています。
ブラウザサイズに合わせて上下左右可変の背景動画を配置したいのですが、cssのみで実装することはできないのでしょうか?
html
1<body> 2 <div> 3 <video src="test.mp4" id="background"loop muted autoplay> 4 </video> 5 </div> 6</body>
css
1#background { 2 position: fixed; 3 right: 0; 4 bottom: 0; 5 min-width: 100%; 6 min-height: 100%; 7 width: auto; 8 height: auto; 9 z-index: -100; 10} 11
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。