限制html5视频的最小大小

Question

我在html5视频上有以下html：

<video id="video1" autoplay>
       <source src="static/video/5986637.mp4" type="video/mp4"/>
       Your browser does not support the video tag.
</video>

的CSS：

video
{
width: 100%    !important;
height: auto   !important;
position:fixed;
}

我想在这样的css中保持宽度和高度，直到视频的高度小于某个值。小于一定值后，高度将保持不变，而宽度仍将保持100％。那么我应该在CSS / Javascript中做些什么呢？感谢。

Answer 1

您可以使用CSS min-height。有关详细信息：https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

video {
  min-height: 200px;
}