视频背景容器

视频背景容器用于给旺铺里的视频模块、宽屏视频模块配一张底层背景图：

视频在上方播放，背景图通过排版叠在视频下面，起到海报图、描边框、铺底和加载前的占位等作用。

视频本身仍在阿里巴巴后台的「视频模块」里配置，本组件只负责背景层，不能代替视频播放。

在「自定义内容」模块的编辑器中，从左侧 「容器」 拖入 「视频背景」（组件全名：视频背景容器），设置背景图和尺寸，并摆到与视频区域对齐的位置即可。

组件能做什么

• 视频下方的背景图：发布后用特殊排版把背景垫在视频模块底下，不挡视频点击与播放。
• 尺寸与视频区一致：可设宽度、高度（常见 1920 宽），与视频模块可视区域对齐。
• 支持居中：开启「居中」后，按旺铺 1920 通栏居中，与宽屏视频布局一致。
• 换图自动带尺寸：选择背景图后，会尝试按图片大小更新宽高，减少手调。

适用场景

背景图建议使用与视频画面风格一致的封面 / 海报图，或设计师提供的铺底图，避免与视频内容严重不符。

设置项说明

推荐搭建步骤

1. 在旺铺装修后台按平常方式添加 视频模块 或 宽屏视频模块，并上传、保存视频（VID 等）。
2. 在视频楼层上方或相邻位置添加 自定义内容 模块，用雨燕打开编辑器。
3. 拖入 「视频背景」，设置背景图片，将宽高调成与视频区相同。
4. 在画布上拖动背景容器，使与页面里视频模块的位置、大小对齐（编辑器里可与视频模块对照着摆）。
5. 保存自定义内容并发布，在旺铺预览中确认：视频能正常播放，背景在视频下层显示正常。

注意事项

• 视频要在旺铺里单独配置：本组件不包含视频地址、VID；请在视频模块属性或雨燕「视频模块」抽屉里设置。
• 模块顺序与对齐很重要：自定义内容模块在页面中的顺序、背景容器的定位，会影响是否正好垫在视频下；发布前务必预览。
• 背景不响应点击：底层背景设置了不挡点击，避免影响视频播放控件。
• 高度宜与视频一致：高度差太多会出现露边、重叠或留白，建议与视频模块设计稿统一。
• 普通视频转宽屏：系统「视频模块」可先通过雨燕提供的「转换为宽屏」再与 1920 背景搭配，具体以页面实际模块为准。

如有疑问，可结合「图片背景容器」或雨燕视频模块相关说明一起查看。