如何设置视频元素的高度和宽度百分比

Question

我正在尝试播放视频width:100%; height:90%;。我有这样的事情：

<video id='video' >
         <source src='test..mp4' type="video/mp4"> 
</video>

CSS

#video{
   display: block;
   width:100%;
   max-height:90%;
   z-index: 1;
   background-color: black;
}

除非我使用1200px或1000px，否则我的高度似乎无法设置90％。

我希望我的视频能够覆盖屏幕高度的90％。我该怎么做？

Answer 1

您需要将每个父元素设置为100％高度;

Answer 2

只需更改高度的最大高度

height:90%;

Answer 3

您是否尝试过根本不设置宽度并将高度设置为90％

#video{
   display: block;
   max-height:90%;
   z-index: 1;
   background-color: black;
}