JS动画. 如何工作与视频背景视频

我们的支持团队准备为您提供一个新的教程，展示如何使用 Vide – Background video in 网站模板.

JQuery plugin “Vide” 是用来实现 background 视频功能 Website templates. 视频被添加到部分 background 通过使用special script. 不同的浏览器支持不同的视频格式，因此要保证交叉browser 功能，请执行以下步骤:

1. 将您的视频文件转换为3种格式:*.mp4, *.ogv, *.webm. 文件名必须匹配(例如，video_1.mp4、video_1.ogv, video_1.webm). 你可以跟随这个视频指南 如何转换视频文件.

2. 准备一个图像，以便在不支持的浏览器中显示 background 视频，包括移动设备(如video_1.jpg).

3. 连接到你的 FTP or open hosting cPanel 文件管理器 工具到达现场文件和上传视频文件到“视频”文件夹:

   

4. 打开你的*.html 文件将新视频添加到页面. 在我们的例子中是index.html file.

5. 在适当的块中 .vide 类在data属性中指定先前创建的文件的路径 data-vide-bg. 请不要指定文件扩展名. 例如:

    Your content 

   Here 视频/ video_1 是您的视频文件的路径(没有格式扩展). 您也可以更改以下内容:

   

6. 保存更改并重新上传文件回服务器，如果您正在使用 FTP. 接下来，刷新站点页面以查看应用的更改:

   

请随时查看下面的详细视频教程: