Google Chrome不会调整视频横幅的大小

Question

因此，我正在尝试用带有横幅广告的视频制作该网站，现在它可以在Firefox（我的主浏览器）中完美运行，但是每当我在chrome中运行时，视频都不会调整大小，并且不会覆盖导航菜单。我还没有在边缘上尝试过它，所以我还不能说它在那里如何工作，但是我主要需要它在Firefox和Chrome中工作。

我正在像这样的代码块中使用未经编辑的.mp4视频

    <header class="main-header">
    <video autoplay muted loop id="myVideo">
        <source src="images/hotel.mp4" type="video/mp4">
    </video>
    </header>

还有CSS，

#myVideo {
position: relative;
bottom: 100;
  object-fit: cover;
  width:100%;
  height:100%;

}

我可以从主页添加整个代码块，这很有帮助。