Norebro汉化版:视频弹窗元素解析

2018/08/07

Norebro汉化版有一个很实用的功能,那就是视频弹窗。这是一个可视化元素,整合进了可视化编辑器中。通过这个视频弹窗,我们可以放在首页做漂亮的公司简介而不影响速度,我们可以放在关于里面做视频弹窗,甚或另起一页,做个视频专辑等等。效果如下:

接下来我们看看视频弹窗的使用。首先您要开启可视化编辑器。然后添加Norebro视频弹窗元素:

视频弹窗设置介绍:

在常规设置里提供了一些基本的设置。

块布局:主要是页面加载后,未点击按钮时的状态:框形状,轮廓和带预览图像。如果选择了带预览图像的话,需要选择一个图像作为视频的封面图像。

按钮布局:支持填充和轮廓。

预览图像:如果选择了带预览图像的,就需要选择一个预览图像,否则不出现。

视频标题:可以为视频输入一个标题。

视频URL:这里支持的视频包括本地和远程的MP4视频,支持优酷视频,支持QQ视频,支持bilibili,支持youtube,支持vimeo。只需要输入浏览器上地址即可。

显然,我们还需要对按钮的颜色风格进行设置。

可以为按钮添加阴影,可以加动画,可以设置按钮常规颜色和悬停颜色。

我们还可以为视频标题设置颜色。

还可以设置外观效果,效果动画时间等。

如果您觉得还不过瘾,可以自定义css,进行控制。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注