在WordPress的Divi主题中如何完整显示1920*1080全屏背景视频？

1. 调整背景视频的缩放与定位 #

进入目标区块的背景设置，找到「背景视频」面板：

• 将「缩放模式」从默认的「覆盖」改为「包含」，这个设置会让视频保持原始比例完整显示，不会裁切内容（可能会在区块边缘出现黑边）。
• 把「定位」选项设为「居中」，确保视频在区块内居中对齐。

2. 匹配区块高度与视频比例 #

Divi的固定高度设置会导致视频被裁切，需调整区块高度适配视频的16:9比例：

• 进入区块的设计 → 尺寸面板，将「高度」设置为「自定义」，输入56.25vw（因为1080/1920=0.5625，用vw单位能自适应不同屏幕宽度）。
• 也可以选择「自适应内容」，让区块高度自动匹配视频高度，但需确保没有额外的内边距/外边距干扰。

3. 自定义CSS强制视频适配 #

如果上述设置无效，给区块添加自定义CSS类（路径：区块设置 → 高级 → CSS ID & Classes → CSS类），比如fullwidth-video-block，然后在主题的「自定义CSS」中添加：

.fullwidth-video-block .et_pb_video_background video {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
}

这段代码会强制视频以「包含」模式显示，优先保证内容完整。

4. 验证视频本身的比例 #

确认你的视频是严格的1920×1080（16:9）比例，没有自带黑边或拉伸变形。如果视频比例有偏差，先用视频编辑工具重新导出标准16:9的版本。

内容的提问来源于stack exchange，提问作者Melika Davoodi