Html 视频宽度：100%，自定义高度：

我正在尝试将视频设置为100%宽度，但不是100%高度，而是需要设置自定义高度

我的HTML：

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

它设置了一个100%的宽度，但也设置了一个100%的高度

---

有解决方案吗？

首先，从视频开始标签中删除宽度和高度属性。现在用css写

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

video{
 width:100%;
}

---

这将适用于包括手机和标签在内的所有设备。

您是否可以将视频宽度设置为其容器的100%？将设置最终属性的高度。另外，你不想和你的视频保持一个比例，而不是加入一些猜测的高度吗？

video{
 width:100%;
}