近期客户做的这个类型的网站:柳州荣开贸易有限公司 – IASE品牌官方网站
这是为创意专业人士和各个商业网站制作的 WordPress 投资组合主题。凭借其现代设计、Elementor 集成和多功能画廊模块,它非常适合创意工作、专业服务和动态视频显示。这个高级主题提供全屏幻灯片和可自定义的布局,非常适合企业家、摄影师和代理机构。
我们的 WordPress 视频组合主题(如 Inspiro 和 Reel主题)让您可以在幻灯片的背景中设置视频。
这样的功能在 Beaver Builder 等流行的页面构建器中也可用,您可以轻松地将视频设置为部分的背景。
虽然视频背景看起来不错并吸引了访问者的注意力,但您应该小心并确保在将自托管视频上传到您的网站之前对其进行优化。
在网站添加视频背景
在您网站的首页上展示视频对于提高流量和参与度至关重要。近 58% 的企业在其主页上使用视频。这是在网站访问者登陆您网站的主页后立即吸引他们注意力的最佳方式。
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
在 WordPress 中添加视频背景的 4 种方法
有几种方法允许您将视频背景添加到您的 WordPress 网站。但是,在此之前,您必须在您的网站或第三方平台上找到并上传您的视频。
您可以使用自己的视频或从免费的库存视频平台下载一个。选择视频后,有几个选项可以上传它并获取您将进一步使用的链接:
- 自托管:您将背景视频直接上传到 Media 部分的 WordPress 网站。
- YouTube/Vimeo 视频:您将视频上传到 YouTube/Vimeo 并获得指向该视频的直接链接。
现在您拥有了视频,您可以使用以下方法之一将其添加到您的网站:
- 使用具有内置视频功能的 WordPress 主题
- 使用 Cover 区块
- 使用视频背景插件
- 使用页面构建器

使用视频 WordPress 主题
一些视频 主题包括内置的视频背景选项,使给网站访问者留下深刻印象的体验更加容易。
这种主题的一个例子是 Inspiro Lite,这是一个非常适合投资组合和商业网站的免费主题。
要在 Inspiro Lite 中添加背景:
- 转到 外观 > 自定义 > 主页 主 区域 > 媒体。
- 您可以从媒体库中选择视频,也可以从 YouTube 或 Vimeo 添加链接。
- 添加视频后,您可以直接在定制器中预览它。
- 点击 发布 按钮,视频背景将出现在您网站的主页上。

如何优化自托管视频背景
以下是在不降低网站速度的情况下使用视频背景的一些提示:
-
- 保持视频文件较小。尝试使用 HandBrake 应用程序压缩和降低视频质量,以获得大约 5-10 MB 的视频。任何大于此大小的文件都将需要更长的时间来加载,尤其是在数据连接速度较慢的移动设备上。
- 尝试以每秒 24 帧和低比特率导出为 720p。您可以在此处在 HandBrake 中配置这些详细信息:
您无需担心视频的质量,因为正确优化视频并确保其快速加载更为重要。 - 从视频中去除音频。当音频在后台时,浏览器通常不会播放音频,因此音频只会使文件变大。
- 使您的视频尽可能简短。在大多数情况下,30 秒就足够了。超过 1 分钟的视频加载时间过长,尤其是在连接速度较慢的移动设备上。
- 如果您想要更高分辨率的视频或更长的视频或音轨,请使用 视频灯箱 功能以及优化的视频背景。
GIF 动画作为特色图片!
-
您还可以将 GIF 文件设置为特色图片,以便在所有设备上播放。您可以使用 GIF 文件中的在线转换器转换您的视频文件。
该主题样式可结合WooCommerce制作外贸电子商务网站
如需制作请通过网站最下方的联系方式联系站长。
