Question

背景视频超出了屏幕尺寸，必须滚动（取决于桌面尺寸），才能在一处观看整个视频。

如何编辑代码以使其填充/适合整个屏幕（无需任何滚动）

在有人开始抱怨以下事实之前……这里已经有人问过这个问题，是的，它已经被问过了（我已经提到了以前的所有答案），但是没有一个人帮助过我，因此再次询问

.container video{
    min-width:100%;
    min-height:100%;
    overflow:hidden;
}

<div class="container">
      <video src="https://cdn01.x-plarium.com/browser/content/landings/prelanding/backgrounds/001/step_01_low.mp4" autoplay="" loop="">
    </video>
    </div>

Answer 1

您需要将最大宽度更改为100vw，将高度更改为100vh

.container video{
    max-width:100vw;
    max-height:100vh;
    overflow:hidden;
}

.container video{
    max-width:100vw;
    max-height:100vh;
    overflow:hidden;
}

<div class="container">
      <video src="https://cdn01.x-plarium.com/browser/content/landings/prelanding/backgrounds/001/step_01_low.mp4" autoplay="" loop="">
    </video>
    </div>

背景视频超出屏幕尺寸。帮我解决

1 个答案: