使用自定义代码移除 9:16 托管视频的顶部和底部间距

当您使用 视频托管 在英雄横幅中，并将视频宽高比设置为 9:16您可能会注意到视频顶部和底部有空白区域。

这是因为视频在保持原有宽高比的同时，无法完全填充可用容器。

您可以使用 自定义代码 使视频充满整个英雄横幅，并消除这些空白区域。

步骤 1：打开自定义代码面板

在 GemPages 编辑器中，找到 英雄旗帜 其中包含您托管的视频。

然后， 右键单击英雄横幅元素 并选择 自定义代码.

步骤 2：粘贴 CSS 代码

将以下代码粘贴到 自定义代码 箱：

gp-hero-banner .hero-banner-bg gp-lite-html5-embed video {

  高度：100% ！重要；

  object-fit: 覆盖 !important;

}

步骤 3：应用更改

点击 在断裂前， 保存自定义代码。

保存并发布您的页面，以验证视频是否已填满主横幅，顶部或底部不会留有空白。