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}