javascript - 限制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 最小高度。更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

video {
  min-height: 200px;
}