首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中添加 YouTube 视频作为全屏背景

如何在 WordPress 中添加 YouTube 视频作为全屏背景

您是否正在寻找一种在 WordPress 中添加 YouTube 视频作为全屏背景的方法? 

如果谨慎使用,背景视频可以立即吸引访问者的注意力并将其留在您的网站上。这使它们成为登陆页面和销售页面的绝佳选择。

在本文中,我们将向您展示如何在 WordPress 网站上添加 YouTube 视频作为全屏背景。

如何在 WordPress 中添加 YouTube 视频作为全屏背景

为什么使用 YouTube 视频作为全屏背景?

当访问者第一次登陆您的 WordPress 网站时,您只有几秒钟的时间来吸引他们的注意力并让他们留下来。

引人入胜且引人注目的视频背景是让访问者留在您网站上的好方法。另外,还有许多不同的WordPress 主题支持视频背景。 

然而,在 WordPress 上上传和托管视频可能会占用大量带宽。根据您的WordPress 托管计划,您甚至可能需要购买额外的存储空间。

一种解决方案是添加 YouTube 视频作为全屏背景。通过这种方式,您可以从竞争对手中脱颖而出,而不会减慢您的网站速度或占用额外的存储空间。 

也就是说,让我们看看如何在 WordPress 网站上添加 YouTube 视频作为全屏背景。

如何在 WordPress 中添加 YouTube 视频作为全屏背景

添加 YouTube 视频作为全屏背景的最简单方法是使用高级 WordPress 背景。该插件添加了一个新的背景块,允许您使用任何颜色、图像或视频(包括 YouTube 视频)创建全屏背景。

WordPress 中的 YouTube 视频背景示例

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,只需前往您想要添加 YouTube 视频作为全屏背景的页面或帖子即可。然后您可以继续并单击“+”按钮。

在出现的弹出窗口中,开始输入“背景 AWB”。当出现正确的块时,单击它以将其添加到页面。

如何将全屏视频添加到 WordPress 博客文章或页面

在左侧菜单中,您将看到三个选项卡,用于您可以创建的不同类型的全屏背景:颜色、图像和视频。

由于您想要添加 YouTube 视频,请单击“视频”选项卡。

该插件可让您使用自托管视频作为背景。但是,视频会占用大量存储空间和带宽,因此您永远不应该将视频上传到 WordPress

话虽如此,选择“YouTube /视频”选项卡。 

如何在 WordPress 中添加 YouTube 视频作为全屏背景

现在,您需要要在WordPress 博客上使用的 YouTube 视频的 URL 。

在新选项卡中,只需转到视频并复制地址栏中的链接即可。

获取 YouTube 视频的 URL

完成后,切换回 WordPress 仪表板并将 URL 粘贴到“视频 URL”选项卡中。

现在,WordPress 块编辑器将显示此背景的预览。高级 WordPress 背景会根据您在视频上添加的内容更改视频的大小,因此如果视频当前看起来有点小,请不要担心。

如何在 WordPress 中自定义 YouTube 背景视频

在开始添加内容之前,最好配置背景设置。 

默认情况下,移动设备上禁用视频背景。与台式电脑相比,智能手机和平板电脑通常具有较小的屏幕和较低的处理能力。考虑到这一点,最好在移动设备上禁用视频背景。

但是,如果您确实想在移动设备上显示视频背景,请单击以激活“在移动设备上启用”开关。

在移动设备上显示 YouTube 背景

该模块开箱即用,将循环播放整个 YouTube 视频。 

另一种选择是通过在“开始时间”和“结束时间”框中输入确切的时间来播放视频的特定部分。 

如何将 YouTube 背景视频添加到网站

您还可以通过禁用“循环”开关来停止视频循环播放。

默认情况下,仅当访问者可以在浏览器中看到视频时才会播放视频。这有助于提高您的 WordPress 速度和性能,因此您通常会希望禁用“始终播放”开关。

第一次添加视频时,它以 100% 不透明度显示,因此看起来很立体。 

根据您网站的设计,您可能需要通过拖动“图像不透明度”滑块来尝试半透明视频背景。这可以是创建更微妙的 YouTube 视频背景的方法。 

更改 YouTube 视频的不透明度设置

如果您尝试不透明度,那么您可能还想尝试添加彩色叠加层。 

只需单击展开“叠加颜色”部分,然后使用设置来创建不同颜色的叠加。

向视频背景添加叠加层

高级 WordPress 背景插件支持几种不同的视差效果。这是一种现代网页设计技术,背景元素的滚动速度比前景内容慢,这通常会增加页面设计的深度。

要尝试不同的视差效果,请单击展开“视差”部分,然后从下拉菜单中选择一个选项。

向 WordPress 网站添加视差效果

选择视差样式后,您将可以访问一些可以更改速度的额外设置。您还可以在移动设备上启用和禁用视差效果。

同样,您可以尝试不同的鼠标视差效果,这会导致当访问者移动鼠标时背景滚动得更慢。

要查看这些设置,请单击展开“鼠标视差”部分。 

添加鼠标视差效果到背景视频

当您对 YouTube 视频背景的设置感到满意后,就可以开始添加文本、链接和图像等内容了。 

首先,单击背景 (AWB) 块中间的“+”图标。

向 YouTube 背景视频添加块

这将打开一个弹出窗口,您可以在其中选择要添加的块。高级 WordPress 背景插件适用于所有标准 WordPress 块,因此您可以添加任何您想要的内容。

配置第一个块后,只需再次单击“+”按钮,然后添加您要使用的下一个块。

将 RafflePress 赠品块添加到视频背景

只需不断重复此过程即可创建帖子或页面布局。

如果您对其外观感到满意,请单击“更新”或“发布”按钮以使页面上线。现在,如果您访问WordPress 网站,您将看到正在运行的视频背景。 

WordPress 中的 YouTube 视频背景示例

福利:如何在 WordPress 中添加 YouTube 视频源 

视频背景可以吸引访问者的注意力,同时也可以宣传您的 YouTube 频道。但是,如果您确实想在 YouTube 上获得更多访问者和订阅者,那么您可能需要向您的网站添加更多视频。

这就是粉碎气球的用武之地。 

Smash Balloon YouTube Feed Pro是市场上最好的 YouTube 图库插件。它会自动显示您的 YouTube 频道中的所有最新视频,因此访问者始终可以看到最新的内容。

使用 Smash Balloon 嵌入 YouTube 播放列表

只需使用 Smash Balloon 的简单编辑器创建 YouTube feed,然后使用短代码或插件的现成块将其添加到任何页面或帖子中。

您还可以使用 Smash Balloon 在您的 WordPress 网站上嵌入 YouTube 播放列表、收藏夹和直播。

使用 Smash Balloon 社交媒体插件创建 YouTube feed

Smash Balloon 的最大优点是它不会减慢您的网站速度。该插件的内置 YouTube 缓存功能将确保您的网站始终快速加载,这对于SEO非常有用。

我们希望本文能帮助您了解如何在 WordPress 中添加 YouTube 视频作为背景。您可能还想查看我们关于如何使用 WordPress 创建登陆页面的指南以及我们专家精选的最佳 YouTube 视频库插件

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top