JS动画. 如何处理背景视频

我们的支持团队很高兴提供一个关于使用的新教程 background video JS动画模板.

如果模板中包含 background 视频，您可能需要将其替换为另一个视频或静态图像:

1. 连接到你的 FTP 或FileManager hosting CPanel.

2. Open video folder. 它包含3个视频文件和3个图像.

3. 您的视频应上传为3个文件: video.ogv, video.Mp4和视频.webm 在所有浏览器中正确显示. 以防你只有一种格式, 您可以使用视频转换器创建另一个所需的版本, like free 任意视频转换器 tool.

4. 一旦你的视频文件准备好，上传到服务器， replacing demo files. 在这种情况下，您的视频将出现在您的 website.

5. 如果您需要用静态图像替换视频，只需重命名或删除视频文件 video 服务器上的文件夹. video.gif, video.PNG和视频.jpg 镜像文件用作 background-image，以防视频文件不加载. 请注意 在移动设备上，总是显示静态图像而不是视频本身:在iOS上的Safari(适用于所有设备), 包括iPad), 用户可能在蜂窝网络上并按数据单位收费的地方, 默认情况下，预加载和自动播放是禁用的.

6. 为了改变视频参数，你应该编辑 script.js 的文件 /js directory on server. 它包含以下代码:

   		/*视频库 
   		========================================================*/ 
   		包括(“js / jquery.vide.js'); 
   		$(文档).Ready (function () { 
   		$("#home").见(视频/视频,{ 
   		volume: 1, 
   		playbackRate: 1、 
   		低调:没错, 
   		循环:没错, 
   		播放:没错, 
   		position: "50% 50%" //对齐方式 
   		}); 
   		$(' #家庭视频').fadeOut(0).delay(200).渐明(800); 
   		});
   		

   您可以在这里更改视频声音的音量，选择是否应该自动播放和重复播放等.

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