イオン/ CSS/HTMLビデオの背景が背景を埋めるのではありませんか？

Question

私はログインページに画面の幅全体に合ったビデオ背景の魔法使いを持っているという問題があります。背景は完全には動作しますが、ビデオの背景は自動的に100％に収まりません。

これは私のログイン画面がどのように見えるべきかされています

これは私のログイン画面は、実際のデバイス上でどのように見えるかです：あなたのよう

私のデバイスの画面がビデオのために広いことがわかります。 画面の左右にある白いバーのために表示されます。 自動的にビデオを100％幅に自動的に伸ばす方法はありますか？

これは私のHTMLスニペットです：

<video webkit-playsinline playsinline autoplay loop muted id="introp99"> 
    <source src="assets/video/introp99.mp4" type='video/mp4; codecs="h.264"'> 
    <source src="assets/video/introp99.webm" type="video/webm"> 
    </video> 

そしてこれはスニペット私のCSSです：あなたは、私はすでに上記の幅を設定しようとした私のCSSで見ることができるように

//P99 Background Video 
    #introp99 { 
     position: fixed; 
     filter: blur(2px); 
     padding:0px; 
     top: 50%; 
     left: 50%; 
     min-width: 150vw; 
     width:105%; 
     height:105%; 
     z-index: -100; 
     -webkit-transform: translateX(-50%) translateY(-50%); 
     -moz-transform: translateX(-50%) translateY(-50%); 
     -ms-transform: translateX(-50%) translateY(-50%); 
     -o-transform: translateX(-50%) translateY(-50%); 
     transform: translateX(-50%) translateY(-50%); 
     background: url('../assets/video/introp99.mp4') no-repeat; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 

100％のような幅：110％または幅：150vw;何も変わりません。ビデオは常に同じフォーマットのままで伸びません。

Answer 1

長年の研究の末、私は最終的にそれをビデオCSSにobject-fit: fill;を追加することによって得ることができました。