WordPress divi主题

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

| 5月 18, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

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

google广告开户

订阅我们的 Youtube 频道

该怎么办

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

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

为什么选择 YouTube 视频?

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

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

提示:使用您自己的视频!

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

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

WordPress divi主题

您可以进入您的 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 视频并将其插入到您想要的位置。

fiverr建站WordPress程序员

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

自定义字段

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

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

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

独立站选品工具

它适用于 Divi 吗?

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

这是一个包装!

因此,尽管这些插件的开发人员必须具备技术知识,但您只需要能够在正确的位置单击 CTRL/CMD-C 和 CTRL/CMD-V 几次。 一旦你做到了,它就是一帆风顺的。 而且您的访问者将能够看到顺利的航行,因为它就在他们眼前从 YouTube 直播。

您如何看待在网站上使用 YouTube 视频背景?

文章特色图片由 Anothersin / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题