html 5视频全宽带特殊高度

我试图在startpage上获得一个全宽但不是全高的视频，但它就是不起作用。如果我设置高度，它总是会变小

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

---

小提琴：

最终使用了这个！工作起来很有魅力

<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}

#视频区{
身高：70%；
宽度：100%；
溢出：隐藏；
}
#视频起始页{
z指数：-9999}

只需将

高度设置为
400px
，而不是
max height
不会改变任何内容：（我刚刚注意到，在检查小提琴时，我认为
video
元素会相应地调整大小，纵横比为16:9。这个答案可以帮助您保持容器的宽度，以容纳400px高的视频：如果单击视频侧面的白色区域，您会看到
video
元素实际上有10个0%的宽度，但视频本身不适合它，所以你想要的是我认为不可能