视频背景在移动版本上不完整

Question

我的目标网页上有一个视频背景，如下所示：

着陆页

但是当我尝试查看该网站的移动版本时，它看起来像这样：

着陆页-移动版

（不要介意赞助商按钮，应该在那儿。）

我也有这行用于响应，并将背景宽度设置为100％。

<meta name="viewport" content="width=device-width, initial-scale=1">

我缺少什么吗？

代码如下：

<section class="header6 cid-qshCkd3Et8 mbr-fullscreen" data-bg-video="" id="header6-1i" data-rv-view="970" style="background: rgba(169, 198, 222, 1) none repeat scroll 0px 0px;">
    <div class="mbr-overlay" style="width: 100%;">
    	<video playsinline="playsinline" style="margin-left: 0px; width: 100%;" autoplay="autoplay" muted="muted" loop="loop">
    	<source src="vid/skybg4.mp4" type="video/mp4">
    </div><!-- rgba(255, 255, 255, 0.2) -->

Answer 1

在纵向模式下的移动设备上，宽度小于高度。 您的视频宽度设置为100％。 您可以为该部分设置100vh的高度，然后将视频垂直居中。