您是否正在寻找一种在 WordPress 中添加 YouTube 视频作为全屏背景的方法?
如果谨慎使用,背景视频可以立即吸引访问者的注意力并将其留在您的网站上。这使它们成为登陆页面和销售页面的绝佳选择。
在本文中,我们将向您展示如何在 WordPress 网站上添加 YouTube 视频作为全屏背景。
![如何在 WordPress 中添加 YouTube 视频作为全屏背景 如何在 WordPress 中添加 YouTube 视频作为全屏背景](https://www.wpbeginner.com/wp-content/uploads/2014/12/how-to-add-youtube-video-as-fullscreen-background-in-wordpress-og.png)
为什么使用 YouTube 视频作为全屏背景?
当访问者第一次登陆您的 WordPress 网站时,您只有几秒钟的时间来吸引他们的注意力并让他们留下来。
引人入胜且引人注目的视频背景是让访问者留在您网站上的好方法。另外,还有许多不同的WordPress 主题支持视频背景。
然而,在 WordPress 上上传和托管视频可能会占用大量带宽。根据您的WordPress 托管计划,您甚至可能需要购买额外的存储空间。
一种解决方案是添加 YouTube 视频作为全屏背景。通过这种方式,您可以从竞争对手中脱颖而出,而不会减慢您的网站速度或占用额外的存储空间。
也就是说,让我们看看如何在 WordPress 网站上添加 YouTube 视频作为全屏背景。
如何在 WordPress 中添加 YouTube 视频作为全屏背景
添加 YouTube 视频作为全屏背景的最简单方法是使用高级 WordPress 背景。该插件添加了一个新的背景块,允许您使用任何颜色、图像或视频(包括 YouTube 视频)创建全屏背景。
![WordPress 中的 YouTube 视频背景示例 WordPress 中的 YouTube 视频背景示例](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-video-background.gif)
首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。
激活后,只需前往您想要添加 YouTube 视频作为全屏背景的页面或帖子即可。然后您可以继续并单击“+”按钮。
在出现的弹出窗口中,开始输入“背景 AWB”。当出现正确的块时,单击它以将其添加到页面。
![如何将全屏视频添加到 WordPress 博客文章或页面 如何将全屏视频添加到 WordPress 博客文章或页面](https://www.wpbeginner.com/wp-content/uploads/2014/12/adding-awb-background.png)
在左侧菜单中,您将看到三个选项卡,用于您可以创建的不同类型的全屏背景:颜色、图像和视频。
由于您想要添加 YouTube 视频,请单击“视频”选项卡。
该插件可让您使用自托管视频作为背景。但是,视频会占用大量存储空间和带宽,因此您永远不应该将视频上传到 WordPress。
话虽如此,选择“YouTube /视频”选项卡。
![如何在 WordPress 中添加 YouTube 视频作为全屏背景 如何在 WordPress 中添加 YouTube 视频作为全屏背景](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-video-background.png)
现在,您需要要在WordPress 博客上使用的 YouTube 视频的 URL 。
在新选项卡中,只需转到视频并复制地址栏中的链接即可。
![获取 YouTube 视频的 URL 获取 YouTube 视频的 URL](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-video-url.png)
完成后,切换回 WordPress 仪表板并将 URL 粘贴到“视频 URL”选项卡中。
现在,WordPress 块编辑器将显示此背景的预览。高级 WordPress 背景会根据您在视频上添加的内容更改视频的大小,因此如果视频当前看起来有点小,请不要担心。
![如何在 WordPress 中自定义 YouTube 背景视频 如何在 WordPress 中自定义 YouTube 背景视频](https://www.wpbeginner.com/wp-content/uploads/2014/12/video-background-default.png)
在开始添加内容之前,最好配置背景设置。
默认情况下,移动设备上禁用视频背景。与台式电脑相比,智能手机和平板电脑通常具有较小的屏幕和较低的处理能力。考虑到这一点,最好在移动设备上禁用视频背景。
但是,如果您确实想在移动设备上显示视频背景,请单击以激活“在移动设备上启用”开关。
![在移动设备上显示 YouTube 背景 在移动设备上显示 YouTube 背景](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-background-mobile.png)
该模块开箱即用,将循环播放整个 YouTube 视频。
另一种选择是通过在“开始时间”和“结束时间”框中输入确切的时间来播放视频的特定部分。
![如何将 YouTube 背景视频添加到网站 如何将 YouTube 背景视频添加到网站](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-start-end.png)
您还可以通过禁用“循环”开关来停止视频循环播放。
默认情况下,仅当访问者可以在浏览器中看到视频时才会播放视频。这有助于提高您的 WordPress 速度和性能,因此您通常会希望禁用“始终播放”开关。
第一次添加视频时,它以 100% 不透明度显示,因此看起来很立体。
根据您网站的设计,您可能需要通过拖动“图像不透明度”滑块来尝试半透明视频背景。这可以是创建更微妙的 YouTube 视频背景的方法。
![更改 YouTube 视频的不透明度设置 更改 YouTube 视频的不透明度设置](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-image-opacity-.png)
如果您尝试不透明度,那么您可能还想尝试添加彩色叠加层。
只需单击展开“叠加颜色”部分,然后使用设置来创建不同颜色的叠加。
![向视频背景添加叠加层 向视频背景添加叠加层](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-overlay-color.png)
高级 WordPress 背景插件支持几种不同的视差效果。这是一种现代网页设计技术,背景元素的滚动速度比前景内容慢,这通常会增加页面设计的深度。
要尝试不同的视差效果,请单击展开“视差”部分,然后从下拉菜单中选择一个选项。
![向 WordPress 网站添加视差效果 向 WordPress 网站添加视差效果](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-parallax-effects.png)
选择视差样式后,您将可以访问一些可以更改速度的额外设置。您还可以在移动设备上启用和禁用视差效果。
同样,您可以尝试不同的鼠标视差效果,这会导致当访问者移动鼠标时背景滚动得更慢。
要查看这些设置,请单击展开“鼠标视差”部分。
![添加鼠标视差效果到背景视频 添加鼠标视差效果到背景视频](https://www.wpbeginner.com/wp-content/uploads/2014/12/mouse-parallax-youtube.png)
当您对 YouTube 视频背景的设置感到满意后,就可以开始添加文本、链接和图像等内容了。
首先,单击背景 (AWB) 块中间的“+”图标。
![向 YouTube 背景视频添加块 向 YouTube 背景视频添加块](https://www.wpbeginner.com/wp-content/uploads/2014/12/content-youtube-background.png)
这将打开一个弹出窗口,您可以在其中选择要添加的块。高级 WordPress 背景插件适用于所有标准 WordPress 块,因此您可以添加任何您想要的内容。
配置第一个块后,只需再次单击“+”按钮,然后添加您要使用的下一个块。
![将 RafflePress 赠品块添加到视频背景 将 RafflePress 赠品块添加到视频背景](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-background-content.png)
只需不断重复此过程即可创建帖子或页面布局。
如果您对其外观感到满意,请单击“更新”或“发布”按钮以使页面上线。现在,如果您访问WordPress 网站,您将看到正在运行的视频背景。
![WordPress 中的 YouTube 视频背景示例 WordPress 中的 YouTube 视频背景示例](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-video-background.gif)
福利:如何在 WordPress 中添加 YouTube 视频源
视频背景可以吸引访问者的注意力,同时也可以宣传您的 YouTube 频道。但是,如果您确实想在 YouTube 上获得更多访问者和订阅者,那么您可能需要向您的网站添加更多视频。
这就是粉碎气球的用武之地。
Smash Balloon YouTube Feed Pro是市场上最好的 YouTube 图库插件。它会自动显示您的 YouTube 频道中的所有最新视频,因此访问者始终可以看到最新的内容。
![使用 Smash Balloon 嵌入 YouTube 播放列表 使用 Smash Balloon 嵌入 YouTube 播放列表](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-embed-example.png)
只需使用 Smash Balloon 的简单编辑器创建 YouTube feed,然后使用短代码或插件的现成块将其添加到任何页面或帖子中。
您还可以使用 Smash Balloon 在您的 WordPress 网站上嵌入 YouTube 播放列表、收藏夹和直播。
![使用 Smash Balloon 社交媒体插件创建 YouTube feed 使用 Smash Balloon 社交媒体插件创建 YouTube feed](https://www.wpbeginner.com/wp-content/uploads/2014/12/youtube-smashballoon-editor.png)
Smash Balloon 的最大优点是它不会减慢您的网站速度。该插件的内置 YouTube 缓存功能将确保您的网站始终快速加载,这对于SEO非常有用。
我们希望本文能帮助您了解如何在 WordPress 中添加 YouTube 视频作为背景。您可能还想查看我们关于如何使用 WordPress 创建登陆页面的指南以及我们专家精选的最佳 YouTube 视频库插件。