多用途网站模板. Working with videos

本教程将向您展示如何在多功能中使用视频 Website Templates.

Multipurpose Website Templates use RD Background 添加页面的视频 background video. 您可以轻松更改，添加视频 background 对于你的内容，添加全宽视频到网站页面. 让我们仔细看看如何使用视频.

To change background 视频，请按照以下步骤:

1. 使用以下命令连接到服务器 FTP or hosting cPanel.

2. 首先，您应该将视频文件上传到服务器. 您可以创建一个新文件夹或简单地将视频文件上传到 video directory on your server.

   Please, note! 你应该准备5个版本的视频 .mp4 格式与不同的扩展的正确功能 script. 并准备5个版本的图片 .jpg 格式的图像显示在移动设备或pc低 Internet speed.

   你的文件标题应该如下:

   • video-(suffix).mp4

   • video-image-(suffix).jpg

   Where suffix 用于不同的扩展:

   • xs -对于特别小的设备，手机(380x240px);

   • sm -小型设备，平板电脑(640x360px);

   • md -中型设备，台式机(854x480px);

   • lg -对于大型设备，屏幕(1280x720px);

   • xlg -对于超大设备，宽屏(1920x1080px);

   在这种情况下，您的图像视频和图像标题将是:

   • video-(sm).mp4

   • video-image-(lg).jpg

   Note! 您将看到图像显示，而不是视频在您的移动设备和PC与低 Internet speed. The video background 默认情况下，该选项在移动设备上禁用. You can add a background 图像显示在移动设备上，而不是 background video.

3. To change the background 视频中的现有部分 HTML 标记，更改视频路径 data-rd-video-path data attribute.

   Where 视频/ bg-video-2 / bg-video-2 is link for your video. Where video/bg-video-2/ 你的视频文件的路径在服务器和最后一个吗 bg-video-2 视频/图像文件的名称是.

4. Save the changes in HTML file and refresh your website 查看应用的更改.

但是如果你想添加视频呢 background 到某个部分或页面? Let’s do the following:

1. 确保您已经上传了视频和图像文件. 按照前一节中的步骤操作.

2. Open HTML 在任何代码中要修改的页面所使用的文件 editor on your computer.

3. 多用途模板的使用 RD Background Video for adding a page background video. 基本的标记如下所示:

    
   			Your content goes here
   		
    

   Where Your content goes here 你的页面/部分内容齐全吗.

4. 确保在section的末尾关闭div标签. Video will not function 没有关闭div标签.

5. 从上面的代码中可以看到不同的属性. 他们允许你改变你的视频设置. 这些是不同设备的图像大小，自动播放，自定义链接，预加载器等.

6. 保存文件并将修改后的文件上传到服务器. 查看您的站点以查看更改.

关于RD视频播放器扩展控制RD的更多信息 background 视频可以通过这个找到 link.

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

浏览我们最近更新的精选并选择其中之一 film wordpress theme for your modern website.