Html 视频标签粘贴问题

我希望视频标记粘贴到顶部（或视频标记上方元素的底部）。当使用我正在使用的当前代码调整窗口的大小时，video元素也会从顶部（或者从HTML层次结构中的上面元素的底部）移除自己。有没有办法防止视频从顶部脱落？我认为这是因为视频标签试图保持其比率，可能与宽度有关：100%

我做了一个测试，下面是我的代码：

HTML:

---

那么，如何使视频标签不以令人不快的方式调整大小，并且仍然正确地填充空间呢？

您必须为视频、图像、iframe等响应元素添加CSS这一行

CSS

---

高度设置为1080px，但宽度设置为100%。因此，高度将始终保持不变，但宽度将按比例缩放。你有没有试过使用

height:auto

同样，你的小提琴不起作用，因为你需要链接到一个实际的视频是的，但这不是关于视频本身，只是视频标签，它被认为是“填充任何你想要的视频源”的情况。我认为简单地把高度放在auto上就是解决办法。谢谢

<div class="background-video">
  <video autoplay loop muted>
    <source src="somevideo.mp4" type="video/mp4">
  </video>
</div>

.background-video
{
    position: relative;
}

.background-video video
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 1080px;
    width: 100%;
}

audio, iframe, img, video { 
max-width: 100%; 
}