视频高度相对于它的Div

Question

我正在尝试在我的网站上制作号召性用语作为视频，但我对此代码遇到了困难。视频占据屏幕的100％，但我只希望它的最大高度为600px（容器的大小相同。）不知道该怎么办。

video {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);        
}
#vidBG {
    height:600px;   
}


<div id="vidBG">
    <video autoplay muted>
          <source src="video.mp4" type="video/mp4">
            Your browser does not support the video tag.
     </video>
</div>

Answer 1

删除position: absolute;

CSS：

video {
  /* position: absolute; */
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#vidBG {
  height: 600px;
}