0
ヘッダーの背景でビデオを再生する際に問題が発生します。ヘッダーの高さを100vhに設定しました。なぜなら、ビューポートの全高を取りたいからです。そしてそれはそうです!しかし、実際にブラウザウィンドウのサイズを変更すると、ビデオはヘッダの100%にならず、ちょうど小さくなります。 これは、ビデオ、CSSヘッダーの高さが100vhの場合、ヘッダーの背景ビデオがリサイズされます。
```
video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(placeholder.jpg) no-repeat;
background-size: cover;
}
```
この作品を見ることができます。ありがとう。 –
私はそれを試して、それはまだ同じ問題です。サイズを変更すると、それは自動作成されません。 –
とはいiv put resize:true –