html5視頻橫幅 - 寬度問題

Question

我想使用html5視頻製作全寬橫幅我希望寬度爲100vw，高度大約爲400px這是我的嘗試;

min-width: 100vw; 
width: auto; 
z-index: -100; 
background: url(polina.jpg) no-repeat; 
overflow: none; 

它並沒有完全上班它只是全屏幕上的X &Ÿ溢出吧，誰知道如何可以達到這個效果。

如果我加400像素高點擊如果你想這樣做，你的HTML看起來像

<video controls> 
    <source src="filename.mp4" type="video/mp4"> 
</video> 

然後它只是刪除了視頻的寬度

Answer 1

你的CSS將

video { 
    display: block; 
    width: 100%; 
    height: 400px; 
    z-index: -100; 
    background: red; /* Replace with the path to your background image 
    overflow: none; 
} 

這是一個demo