如何在 WordPress 中插入 YouTube 视频剪辑作为全屏资格

已发表: 2023-06-10


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

如果精心使用,历史影片可以立即吸引访问者的注意力并继续将他们留在您的网站上。 这将使它们成为登陆互联网页面和收入网页的绝佳选择。

在这篇文章中,我们将向您展示如何在 WordPress 网站上插入 YouTube 视频作为全屏背景。

How to add YouTube video as fullscreen background in WordPress

为什么使用 YouTube 视频作为全屏跟踪记录?

当访问者最初登陆您的 WordPress 网站时,您只有几秒钟的时间来引起他们的兴趣并让他们留下来。

引人入胜且引人注目的视频历史记录是保留网站访问者的绝佳方式。 此外,还有许多独特的 WordPress 主题可以支持电影背景。

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

唯一的解决方案是将 YouTube 电影合并为全屏背景。 通过这种方式,您可以从竞争对手中脱颖而出,而无需降低网站速度或占用更多存储空间。

据报道,让我们看看如何将 YouTube 电影添加为 WordPress 网站上的全屏历史记录。

如何在 WordPress 中将 YouTube 在线视频作为全屏跟踪记录包含在内

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

An example of a YouTube video background in WordPress

最初,您必须安装并激活该插件。 如果您需要帮助,那么您应该查看我们有关如何设置 WordPress 插件的手册。

激活后,只需前往页面或发布您想要将 YouTube 视频片段添加为全屏资格的位置即可。 然后您可以提前进行操作,只需单击“+”按钮即可。

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

How to add a fullscreen video to a WordPress blog post or page

在左侧菜单中,您将看到三个选项卡,用于显示您可以生成的各种形式的全屏背景:阴影、印象和在线视频。

考虑到您想要插入 YouTube 视频,请单击“视频”选项卡。

该插件允许您使用自托管视频作为资格。 尽管如此,视频剪辑会占用大量存储和带宽,因此您永远不应该将视频上传到 WordPress。

报告剩余内容后,选择“YouTube/视频”选项卡。

How to add a YouTube video as a fullscreen background in WordPress

现在,您需要在 WordPress 博客网站上使用的 YouTube 电影的 URL。

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

Getting the URL for a YouTube video

执行此操作后,再次切换回 WordPress 仪表板并将 URL 粘贴到“视频 URL”选项卡中。

现在,WordPress 块编辑器将显示此跟踪记录的显示方式的预览。 复杂的 WordPress 背景会根据您在其上添加的书面内容修改视频的尺寸,因此,如果当前的视频看起来有点小,请不要担心。

How to customize a YouTube background video in WordPress

在开始介绍书面内容之前,配置背景设置是一个很棒的策略。

默认情况下,移动设备上禁用视频剪辑背景。 与台式个人电脑相比,智能手机和平板电脑通常具有较小的屏幕和相当少的处理能力。 考虑到这一点,在移动设备上禁用视频资格是一个更好的想法。

即便如此,如果您确实想在移动设备上显示视频剪辑跟踪记录,请单击以激活“在移动设备上启用”开关。

Showing a YouTube background on mobile devices

该块开箱即用,将循环播放完整的 YouTube 视频剪辑。

另一种选择是通过在“开始时间”和“结束时间”容器中输入正确的时间来参与电影的不同部分。

How to add a YouTube background video to a website

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

默认情况下,只有当访问者可以在浏览器中观看电影时,电影才会播放。 这可以提高您的 WordPress 速度和效率,因此您通常会希望禁用“始终播放”开关。

当您最初合并视频时,它以 100% 不透明度显示,因此看起来效果不错。

根据您网站的布局,您可能希望通过拖动“图像不透明度”滑块来尝试半清晰的视频背景。 这可以成为制作更精致的 YouTube 电影历史的一种方式。

Changing the opacity settings for a YouTube video

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

只需单击即可增加“叠加颜色”部分,然后使用这些配置来生成不同颜色的叠加。

Adding an overlay to a video background

最先进的 WordPress 背景插件支持许多不同的视差结果。 这是当今的网络布局策略,其中历史部分的滚动速度比前台书面内容慢,这通常为网站页面样式和设计提供深度。

要考虑不同的视差后果,只需单击以扩大“视差”部分,然后从下拉菜单中选择替代方案。

Adding parallax effects to a WordPress website

选择视差模式后,您将获得一些可以改变速度的附加选项。 您还可以允许和禁用单元格单位的视差效果。

同样,您可以尝试各种鼠标视差结果,这会导致当用户移动鼠标时背景更加缓慢但稳定地滚动。

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

Adding mouse parallax effects to a background video

当您对 YouTube 在线视频资格的设置方式感到满意时,就可以开始添加文字内容,例如文本、链接以及插图或照片。

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

Adding blocks to a YouTube background video

这将打开一个弹出窗口,您可以在其中选择要插入的块。 最先进的 WordPress 背景插件可与所有传统的 WordPress 块一起运行,因此您可以包含任何您想要的文章。

配置第一个块后,基本上只需再次单击“+”按钮,然后包含您要使用的即将到来的块。

Adding a RafflePress giveaway block to a video background

只需不断重复此方法即可开发帖子或网站页面布局。

当您对它的外观感到满意时,只需单击“更新”或“发布”按钮即可使网页生效。 现在,如果您查看您的 WordPress 网站,您将看到正在运行的电影资格。

An example of a YouTube video background in WordPress

附赠:如何在 WordPress 中插入 YouTube 视频源

在营销您的 YouTube 频道时,视频剪辑历史记录可以吸引访问者的注意。 但是,如果您确实希望在 YouTube 上吸引更多的人和订阅者,那么您可能需要向您的网站添加更多电影。

这就是 Smash Balloon 发挥作用的地方。

Smash Balloon YouTube Feed Professional 是市场上最出色的 YouTube 图库插件。 它会立即显示您的 YouTube 频道中的所有最新视频剪辑,因此人们通常会看到最新的材料。

Embedding a YouTube playlist using Smash Balloon

仅使用 Smash Balloon 的轻松编辑器生成 YouTube 提要,然后使用可能的短代码或插件完全准备好的块将其插入到任何页面或帖子中。

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

Creating a YouTube feed using the Smash Balloon social media plugin

Smash Balloon 最大的优点是它不会减慢您的网站速度。 该插件内置的 YouTube 缓存功能将绝对确保您的网站不断快速加载,这有利于搜索引擎优化。

我们希望这篇文章可以帮助您了解如何将 YouTube 视频片段添加为 WordPress 中的历史记录。 您可能还想测试一下我们关于如何使用 WordPress 构建登陆网页的指南以及我们精选的最佳 YouTube 电影库插件。

如果您喜欢这篇文章,请务必订阅我们的 WordPress 在线视频教程 YouTube 频道。 您还可以在 Twitter 和 Facebook 上找到我们。