如何在html css中更改视频的高度？

Question

每当我更改视频的高度时，我都必须在我的页面上以 100% 的宽度和 400 像素或 500 像素的高度显示视频，它也会更改我不想要的宽度。而且我还必须显示全屏视频移动设备。

请帮我解决这个..

<div class="video-size">
<video  autoplay loop controls muted>
  <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>
</div>

CSS

.video-size
{
  width: 100%;
  height: 400px;
}

Answer 1

希望这将解决纵横比问题。

HTML：

<video autoplay muted loop id="myVideo">
    <source src="videos/Raindrops.mp4" type="video/MP4">
</video>

CSS：

#myVideo {
    width: 100%;
    height: 600px;
    object-fit: cover;
    z-index: -100;
}

Answer 2

.video-size
{
  width: auto;
  height: 400px;
}