html - 宽度为 : 100% and custom height: 的视频

Question

我试图将我的视频设置为 100% 宽度而不是 100% 高度，我需要设置一个自定义高度。

我的 HTML:

<div id="video-player">
   <video width="1905px" height="800" autoplay >
      <source src="video/earth.mp4" type="video/mp4">
   </video>
</div>

我的 CSS:

video {
  width: 1905px    !important;
  height: 800px   !important;

}

它设置了 100% 的宽度，但它也设置了 100% 的高度，超过了我需要的高度。

有什么解决办法吗？

Answer 1

video {
    width: 100%;
    height: auto;
}