视频设计组件-是我们较常用到的多媒体组件，您可以通过它来展示你精彩的视频，
1，如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
2，内容选项卡
内容选项卡设置如下图，您可以看到有多个设置选项来控制图标组件的显示属性。
2.1，视频– 设置模块，如下图, 点击选项卡后进入设置界面。
（1）来源：可选择视频来源 如可通过 “视频链接” ，“本地云视频”，“外站视频分享” 三种方式加载视频文件
（2）URL：设置视频链接地址。
（3）选择视频： 从网站文件夹选择视频文件，或上传你需要播放的视频，视频文件不超过10M。如您需要上传较大的文件请将文件存放到第三方文件存储平台，或视频播放平台。然后通过视频链接或视频分享代码来加载视频文件。比如你可以将你的视频上传到“西瓜视频”或”B站“上，再通过分享视频代码的方式来加载视频。来获取更快更大容量的播放功能
（4）iframe分享代码： 从视频网站上通过分享代码来加载视频数据，操作如下图
（5）循环播放：视频播放结束后不会停止会重新开始播放，无限循环
（6）自动播放（静音）：页面加载后视频自动播放，开启自动播放功能，视频将会设置为静音模式，这个选项是基于网页浏览器决定的，声音只能手动打开。
（7）静音：当播放视频的时候，不会开启声音。
通过“视频链接” 来加载视频文件
通过“本地云链接”来加载 视频链接文件
通过“外站视频分享”使用第三方视频网站（腾讯视频，B站，西瓜视频，好看视频等）分享代码加载视频文件。
如图是如何在“西瓜视频”获取视频分享代码的操作截图
2.1，封面图片/弹窗播放– 设置模块，如下图, 点击选项卡后进入设置界面。
（1）封面图片： 设置视频封面图片。
（2）弹窗播放：视频将于弹窗方式播放
3，样式选项卡
样式选项卡设置如下图，您可以看到有多个设置选项来控制组件的显示属性。点击下图蓝色选项卡“样式”，进入样式配置页面
3.1， 视频样式– 模块，如下图, 点击选项卡后进入设置界面
（1）宽度：设置视频或封面图宽度
（2）高度：设置封面图高度。（视频高度不支持调节，根据视频默认尺寸展示）
（3）对齐：视频对齐方向“靠左”，“居中”,”靠右”
（4）样式滤镜：给视频加上滤镜“模糊”，“变亮”，“变暗”等
（5）播放图标—尺寸: 设置播放图标的尺寸
（6）播放图标—阴影: 设置播放图标的阴影。
3.2， 弹出框–样式设置模块，如下图, 点击选项卡后进入设置界面 ，此选项样式主要作用于视频弹出视频播放器窗口及它背后的遮罩层。
具体样式设置参考下图。
恭喜你已完成当前组件的学习，感谢阅读。
评论