一、功能说明

在线视频模块能用来展示企业形象、产品、服务等，视频相较于文字更容易吸引用户的眼球。

二、功能说明

【版本】任意版本均可使用，不同版本限制不同

三、设置教程

1. 新增模块

1.1 在网站设计页面，选择左侧导航【模块-基础】，新增【在线视频】模块。

2. 新增“在线视频”模块后，在编辑面板中替换掉模块的示例视频，支持进行三种新增视频方式。

① 本地新增

选择“更换”按钮，在弹窗内上传到本地视频。

（注意：上传到本地视频前需转换视频格式，否则可能会无法播放哦。点击此处了解如何转换视频格式

② 通用代码

选择“通用代码”，将视频通用代码粘贴到框内，如下图所示。

（点击此处了解如何获取腾讯、优酷、爱奇艺的通用代码

③ 视频地址

选择“视频地址”，将视频的地址粘贴到框内。

（点击此处了解如何查看视频地址

2. 编辑模块

新增视频后，可对视频新增文字描述。

2.1 电脑视图

2.1.1 支持配置视频高度、片头图片、播放方式。

① 视频高度：支持进行自定义视频高度。

② 片头图片：默认展示视频首帧，也可自定义片头图片。

③播放方式：支持进行弹层播放或直接播放。

2.1.2 配置

支持进行自定义视频描述的文字样式，包括大小、字体、颜色、位置。

2.1.3 标题栏

默认是隐藏标题栏，当取消隐藏标题栏后，支持进行自定义模块标题、标题文字样式、标题栏高度、标题栏背景。

2.1.4 间距

可通过修改“在线视频”模块的外间距，调整“在线视频”模块与通栏内容区边界之间的距离。

2.2 手机视图

2.2.1 标题栏

支持进行显示或隐藏标题栏，以及自定义标题栏文字、高度、背景。

2.2.2 间距

通过修改模块的外间距，可调整模块与通栏内容边界之间的距离。

视频呈现建议

以下补充内容用于帮助你在自适应模板中使用在线视频模块时，更兼顾加载速度与表达效果：

• 来源选择：本地视频、通用代码和视频地址三种方式适用场景不同，建议按稳定性和控制力来判断。
• 首图重要：片头图片往往决定用户是否愿意点击播放，建议优先选择清晰且主题明确的封面。
• 播放方式：弹层播放更适合保持页面整洁，直接播放更适合将视频作为主体内容的页面。
• 多端预览：视频模块上线前建议重点检查手机端自动缩放、文字描述和播放按钮位置。

视频运营建议

以下补充内容用于帮助你在自适应模板中使用在线视频模块时，把视频真正转化为有效内容入口：

• 用途先行：品牌宣传、产品介绍和案例展示适合不同类型的视频，建议先明确模块承担的页面目标。
• 加载平衡：如果视频放在首屏或重点区域，建议优先兼顾加载速度和播放体验，而不是只追求画质。
• 文案配合：视频描述文字建议直接说明看点或行动引导，帮助用户快速理解这段视频值不值得点开。
• 播放复查：发布前建议分别测试直接播放、弹层播放和首图显示，确认不同终端体验一致。