【自适应模板】如何使用在线视频模块?

分享到:

本文内容结构如下图



一、使用在线视频模块能实现什么效果?


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



二、如何添加在线视频模块?


2.1、进入网站设计页面后,点击页面左侧的“模块”按钮,添加“在线视频”模块至首页(或是其他你想添加这个模块的页面),如下图。


2.2、添加“在线视频”模块后,在右侧面板中替换掉模块的示例视频,支持三种添加视频方式。

方式1-本地添加:点击更换”按钮,在弹窗内上传本地视频,如下图。(注意:上传本地视频前需转换视频格式,否则可能会无法播放哦~点击此处了解如何转换视频格式)


方式2-通用代码选择通用代码”,将视频通用代码粘贴到框内,如下图。(点击此处了解如何获取腾讯、优酷、爱奇艺的通用代码)


方式3-视频地址选择“视频地址”,将视频的地址粘贴到框内,如下图。(点击此处了解如何查看视频地址)


2.3、添加视频后,可对视频添加文字描述,如下图。



三、如何编辑在线视频模块?


在线视频”模块在电脑视图手机视图下的编辑项分别如下图。

 


接下来将分别介绍电脑视图手机视图下,在线视频”模块的各个编辑项。(下图为此部分的内容结构)


3.1、电脑视图

由于添加视频的方法在“步骤2.2中已有描述,此处不再赘述。

3.1.1、视频设置

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

a、视频高度:支持自定义视频高度。


b、片头图片:默认展示视频首帧,也可自定义片头图片。


c、播放方式:支持弹层播放或直接播放。


3.1.2、文字设置

支持自定义视频描述的文字样式,包括大小、字体、颜色、位置,如下图。


3.1.3标题栏

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


3.1.4间距

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


3.2、手机视图

3.2.1、标题栏

支持显示或隐藏标题栏,以及自定义标题栏文字、高度、背景。详细操作方法请点击链接查看>>https://jz.fkw.com/blog/12599


3.2.2、间距

通过修改模块的外间距,可调整模块与通栏内容边界之间的距离。详细操作方法请点击链接查看>>https://jz.fkw.com/blog/12599

以上内容仍未解决您的问题?