2017-03-01 2 views
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; 
} 
``` 

答えて

1

この真..私はvidBgを使用して です。 彼は私がそれを試してみます

https://github.com/blakewilson/vidbg

+0

この作品を見ることができます。ありがとう。 –

+0

私はそれを試して、それはまだ同じ問題です。サイズを変更すると、それは自動作成されません。 –

+0

とはいiv put resize:true –

関連する問題