html 5视频全宽，特殊高度

Question

我想在首页上看到一个全宽但不是全高的视频，但它不起作用。如果我设置高度，它总是缩小。

#video_startpage { 
    position: fixed; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: -1000; 
    min-width:100%; 
    max-height:400px; 
} 

小提琴：https://jsfiddle.net/Lxz43sga/#&togetherjs=yrnrdNEaIu

Answer 1

结束了使用此！像魅力一样工作。

<div id="videoarea"> 

<video width="100%" height="auto" autoplay loop id="video_startpage" > 
    <source src="demo3.mp4" type="video/mp4"> 

</video> 



#videoarea { 
height:70%; 
width:100%; 
overflow:hidden; 
} 

#video_startpage { 
z-index:-9999}