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

2022年5月18日

297

一种流行的设计趋势是动画视频背景。与大型英雄形象不同的是，游客们受到了动人的视觉盛宴的欢迎，吸引了他们的注意力并让他们眼花缭乱。不幸的是，该功能并未内置于 WordPress 中，但这并不意味着不可能将 YouTube 视频背景添加到 WordPress 网站。

订阅我们的 Youtube 频道

该怎么办

虽然视频背景看起来有点像技术魔法，但它并不需要一根魔杖来实现。你不需要编写代码，不需要编辑文件，你需要做任何可能会破坏你网站微妙设计平衡的戳戳和刺激。

您所要做的就是安装一个插件，比如标题完美的 Video Background 或奇怪的 mb.Ytplayer。像这样的插件非常易于使用，您可以立即设置它们。

为什么选择 YouTube 视频？

您需要添加 YouTube 视频而不是自己托管，因为 YouTube 不仅涵盖托管空间，还涵盖访问者使用的带宽。与其占用您宝贵的资源，不如使用 YouTube 的？这就是服务存在的目的。

通过使用 YouTube 视频背景而不是自托管，您可以减少中断次数、加快加载速度，并为您的用户提供更好的体验。你能够使用您自己的主机作为视频背景，但您肯定会看到服务器的成本和压力增加。不要说我们没有警告你。

提示：使用您自己的视频！

事情是这样的：你可以使用的大多数插件（包括这个）让你使用任何 YouTube 视频作为背景，而不仅仅是您自己的。虽然他们中的许多人都在 YouTube 上供公众消费（显然），但他们并不是都在 YouTube 上 商业的 公共消费。因此，请，请，请检查您使用的任何不属于您自己的视频的权利。 或者更好的是，如果您拥有使用视频的权利，请仅使用 YouTube 视频背景.

另一个考虑因素是广告。由于视频是从 YouTube 流式传输的，因此视频上的广告也会播放。因此，如果您不拥有该视频并且所有者选择通过它获利……那么，您的网站将显示非常奇怪的广告作为背景，而不是您想要的酷视频。如果您自己拥有该视频，则可以确保广告已关闭。

您可以进入您的 YouTube 创作者工作室，点击编辑在您用作 YouTube 视频背景的视频上，并验证 货币化 标签说 已禁用。 如果没有，您可以选择 不赚钱 并保存您的更改。现在，没有广告会代替您的视频流式传输。

第 1 步：安装和设置

与使用插件时一样，在 repo 中搜索名称（或前往此处下载 mb.Ytplayer）。和往常一样，请确保安装并激活它。你将会有 mb.ideas – YTPlayer 在您的 WP 管理仪表板中。

这里的设置非常简单明了。如果您使用像 Video Backgrounds 这样的插件，您将需要 YouTube 视频文件的确切 URL（很难获得 .mp4 或 .webm 格式）。但是，使用 mb.Ytplayer，您只需粘贴视频的主 URL。然后插件会自行提取 URL。

第 2 步：视频

前往您想用作背景的视频页面。在 URL 栏中，突出显示整个内容，然后按 CMD/CTRL – C 复制整个网址。

完成后，返回 mb.ideas – YTPlayer 并将 URL 粘贴到标记为的字段中 YouTube 视频网址是。 (1)

然后确保选择要显示视频的页面。 (2) 根据您的站点，这将因每个人而异。无论如何，无论何时按下 保存更改 按钮，您的网站将自动开始提取 YouTube 视频并将其插入到您想要的位置。

此插件免费版本的主要缺点是它注入您网站的水印。如果您升级到专业版，您将获得更多功能，包括删除品牌的能力。

自定义字段

如果您需要更改特定帖子的背景视频，您也可以这样做。该插件通过使用自定义字段添加了 YouTube 视频背景，并且在每个页面和帖子下，您现在将拥有一个充满它们的元框。被标记的那个 vidbg_metabox_field_mp4 是指向 YouTube 视频的直接链接 URL。

所以即使你不喜欢这个插件并且想使用另一个类似 Video Backgrounds 的插件，你也可以使用它作为一个工具来找到类似独角兽的直接链接 URL。

此外，还有许多其他自定义字段可用于自定义 YouTube 视频背景，而无需购买高级版本。

它适用于 Divi 吗？

我知道对于我们的许多读者来说，想到的一个大问题是，“它可以与 Divi 一起使用吗？” 回答：是的。您可以使用这些插件 为 Divi 添加 YouTube 视频背景. 通常，视频背景插件通过 CSS 操作或元框实现来工作。您甚至会发现一些已经内置了对各种构建器、主题和 API 的支持（有些是高级的，有些不是）。无论如何，您完全不必担心 Divi 的兼容性。你可以走了。