多用途网站模板. Working with videos
May 18, 2017
本教程将向您展示如何在多功能中使用视频 Website Templates.
Multipurpose Website Templates use RD Background 添加页面的视频 background video. 您可以轻松更改,添加视频 background 对于你的内容,添加全宽视频到网站页面. 让我们仔细看看如何使用视频.
To change background 视频,请按照以下步骤:
使用以下命令连接到服务器 FTP or hosting cPanel.
-
首先,您应该将视频文件上传到服务器. 您可以创建一个新文件夹或简单地将视频文件上传到 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.
-
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 视频/图像文件的名称是.
Save the changes in HTML file and refresh your website 查看应用的更改.
但是如果你想添加视频呢 background 到某个部分或页面? 让我们做下面的事情:
确保您已经上传了视频和图像文件. 按照前一节中的步骤操作.
Open HTML 在任何代码中要修改的页面所使用的文件 editor on your computer.
-
多用途模板的使用 RD Background Video for adding a page background video. 基本的标记如下所示:
Your content goes hereWhere Your content goes here 你的页面/部分内容齐全吗.
-
确保在section的末尾关闭div标签. Video will not function 没有关闭div标签.
从上面的代码中可以看到不同的属性. 他们允许你改变你的视频设置. 这些是不同设备的图像大小,自动播放,自定义链接,预加载器等.
保存文件并将修改后的文件上传到服务器. 查看您的站点以查看更改.
关于RD视频播放器扩展控制RD的更多信息 background 视频可以通过这个找到 link.
请随时查看下面的详细视频教程:
多用途网站模板. Working with videos浏览我们最近更新的精选并选择其中之一 film wordpress theme for your modern website.