为什么使用YouTube视频作为全屏背景？
一个引人注目的视频背景可以让访问者停留在你的网站上。当访问者第一次访问你的网站时，你只有几秒钟来抓住他们的注意力。现在，许多不同的WordPress主题都支持视频背景。然而，上传和托管视频内容需要大量带宽。根据你的WordPress托管计划，你可能需要购买额外的存储空间。
在WPressize Me，我们强烈建议不要将视频上传到WordPress上。相反，你可以使用YouTube这样的服务，然后将视频嵌入作为网站的背景。这样，你可以在不减慢网站速度的情况下脱颖而出，并提供良好的用户体验。接下来，让我们看看如何在WordPress网站中添加一个YouTube视频作为全屏背景。我们将展示两种方法，你可以使用这些快速链接在它们之间导航：
方法1：使用Advanced WordPress Backgrounds插件添加全屏视频背景（免费）
如果你正在寻找一种免费且简单的方法来添加视频背景，你可以使用Advanced WordPress Backgrounds插件。这款免费插件添加了一个背景块，允许你使用任何颜色、图像或视频（包括YouTube视频）创建全屏背景。首先，你需要在WordPress仪表板中安装并激活插件。如果你需要帮助，可以查看我们关于如何安装WordPress插件的指南。
激活后，只需前往你想要添加YouTube视频的页面或文章。在古腾堡块编辑器中，点击‘+’添加块按钮。在弹出窗口中，开始输入‘Background AWB’。当正确的块出现时，点击它以将其添加到页面。在左侧菜单中，你会看到三个标签，分别用于创建全宽度背景的不同类型：颜色、图像和视频。由于你想要添加YouTube视频，请点击视频标签。选择‘YouTube / Vimeo’标签。
现在，你可以复制并粘贴你想要在WordPress博客中使用的YouTube视频文件的URL。随后，WordPress块编辑器将显示该背景的预览。Advanced WordPress Backgrounds根据你在其上添加的内容调整视频的大小，所以不要担心视频目前看起来有点小。默认情况下，视频背景在移动设备上是禁用的。如果你确实希望在移动设备上显示视频背景，请点击启用移动设备上的切换。
插件默认会自动播放并循环播放整个YouTube视频。你也可以通过在‘开始时间’和‘结束时间’框中输入确切的时间来播放视频的特定部分。你也可以通过禁用‘循环’切换来停止视频循环播放。默认情况下，视频只有在访客在浏览器中看到它时才会播放。这样做可以维护网站性能，通常你需要保持‘始终播放’切换为禁用状态。首次添加视频时，它的透明度是100%，看起来是实心的。你可以自由拖动‘图像透明度’滑块，使YouTube视频背景更为微妙。
如果你设置了透明度，你可能还想尝试添加颜色叠加。只需点击展开‘叠加颜色’部分，然后使用设置来创建不同的颜色叠加。随意探索其他设置，如视差效果和间距，以使背景看起来与众不同。当你对YouTube视频背景的设置满意时，可以开始添加内容，如链接、文本和图像。
方法2：使用Thrive Architect添加全屏视频背景（推荐）
如果你想完全自定义你的全屏背景视频，甚至轻松设计你网站的所有页面，那么这种方法适合你。添加YouTube视频作为全屏背景的最佳方法是使用Thrive Architect。Thrive Architect是一个易于使用的页面构建器插件，适合初学者使用。除了视频背景功能外，它还具有灵活的拖放功能，因此你可以毫不费力地创建想要的网站。另外，它有智能的着陆页模板，优化了转换率，所以你的着陆页从一开始就为成功做好了准备。
如果你想使用这种方法，请先购买一个Thrive Architect计划。它可以作为单独的产品购买，也可以作为Thrive Themes捆绑包的一部分购买。购买后，安装插件。你可以查看我们关于如何安装WordPress插件的指南。然后，你可以从WordPress管理区域转到‘页面’，选择一个页面进行编辑。将鼠标悬停在页面上并选择‘使用Thrive Architect编辑’。接下来，点击页面右侧的‘+’按钮，找到‘Background Section’元素。只需点击它即可将其添加到页面。
此时，你可以导航到页面左侧并向下滚动到‘背景样式’部分。在这里，只需激活‘视频背景’切换，并选择‘YouTube’作为来源。之后，前往你想要用作全屏背景的YouTube视频。复制YouTube视频的URL，然后在相应部分粘贴URL。
虽然背景已添加，但还不是全屏。为了确保它是全屏，你需要向上滚动到‘主要选项’部分。然后，启用‘内容覆盖整个屏幕宽度’、‘匹配屏幕高度’和‘拉伸至适合屏幕宽度’选项。让我们探索更多选项。要在背景中添加一些内容，你只需再次点击页面右侧的‘+’按钮，拖放一个元素。你可以添加文本、图像、表格、按钮、推荐等。Thrive Architect有许多以转换为重点的元素，你可以利用这些元素为你的网站。
替代：在WordPress中添加动画背景
虽然视频背景可以很有吸引力，但它们可能会减慢你的网站的加载速度。如果你想要一个替代选项，可以添加动画背景。实现这个的最佳方法是使用SeedProd，这是一个功能强大的拖放页面构建器插件。它允许你使用Particle.js轻松添加令人惊叹的动画背景。Particle.js是一个轻量级的JavaScript库，用于创建交互粒子动画。
