Project Description

更新日期: 2017-10-30

Youtube Element，用于将Youtube上的视频嵌入到网站中来。在给外贸网站添加视频的时候，务必注意不要像上传图片一样直接把视频上传到自己服务器上，而应该把视频托管到第三方的视频平台中，再嵌入到网站中，这样视频的加载和播放速度才不会受我们服务器带宽的限制。

一般可选的第三方视频平台有：Youtube、Vimeo、Wistia，不过我更建议大家用 Youtube。

编辑界面

Youtube Element界面

设置选项

  • Video ID，Youtube视频的ID，每个视频都有唯一的ID，比如https://www.youtube.com/watch?v=pWRBdYEdjfo，那么 v= 后面的那串字符 pWRBdYEdjfo ，就是视频的ID
  • Alignment，视频在包含它的那个Column中的对齐方式，左中右可选
  • Dimensions，设置视频在网站中展示的宽度和高度大小，如果自己视频嵌入后上下黑边过于大的情况下，对这两个数值做些适当调整
  • Autoplay Video，设置视频在页面打开后是否自动播放
  • Additional API Parameter，额外的参数设置，可以用来控制Youtube视频是否展示推荐视频、暂停时视频顶部显示标题信息等，建议大家在这里面填入 &rel=0&showinfo=0
  • Element Visibility，默认不修改，此选项和适配移动端有关系，可参考《设置移动端适配》
  • CSS Class，默认不需填写内容，需要针对此内容进行单独的样式调整时才考虑使用这2个选项

效果示意

Youtube视频效果演示

Avada版本

适用：Avada5.2.2