背景を作ることは可能ですか：カバー; <video></video>タグの効果？

Question

<video></video>タグにbackground:cover;の効果を付けることは可能ですか？

私はイメージのようにしようとしましたが、動作しません。私はそれがビデオタグは<div>の背景ではないと思うが、それはどのように動作させるには？それとも、それはバックグラウンドビデオになるのか？

<div class="" style="width:90%; 
 
height:300px; border:1px solid red; 
 
background-color:blue; background-size:cover; 
 
margin:0 auto; "> 
 
<video width="100%" style="margin-top:-100px;" controls autoplay loop muted> 
 
<source src="movie.mp4" type="video/mp4"> 
 
<source src="movie.ogg" type="video/ogg"> 
 
Your browser does not support the video tag. 
 
</video> 
 
</div>

Answer 1

ビデオタグのbackground-imageと同等の特性がobject-fitです。

video { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
} 

ただし、プロパティは現在incompatible with IE/Edgeです。