Norebro汉化版:视频弹窗元素解析
2018/08/07
Norebro汉化版有一个很实用的功能,那就是视频弹窗。这是一个可视化元素,整合进了可视化编辑器中。通过这个视频弹窗,我们可以放在首页做漂亮的公司简介而不影响速度,我们可以放在关于里面做视频弹窗,甚或另起一页,做个视频专辑等等。效果如下:
接下来我们看看视频弹窗的使用。首先您要开启可视化编辑器。然后添加Norebro视频弹窗元素:
视频弹窗设置介绍:
在常规设置里提供了一些基本的设置。
块布局:主要是页面加载后,未点击按钮时的状态:框形状,轮廓和带预览图像。如果选择了带预览图像的话,需要选择一个图像作为视频的封面图像。
按钮布局:支持填充和轮廓。
预览图像:如果选择了带预览图像的,就需要选择一个预览图像,否则不出现。
视频标题:可以为视频输入一个标题。
视频URL:这里支持的视频包括本地和远程的MP4视频,支持优酷视频,支持QQ视频,支持bilibili,支持youtube,支持vimeo。只需要输入浏览器上地址即可。
显然,我们还需要对按钮的颜色风格进行设置。
可以为按钮添加阴影,可以加动画,可以设置按钮常规颜色和悬停颜色。
我们还可以为视频标题设置颜色。
还可以设置外观效果,效果动画时间等。
如果您觉得还不过瘾,可以自定义css,进行控制。