您想在您的 WordPress 博客文章中嵌入视频吗?视频为您的网站带来活力,是提高用户参与度的好方法。
WordPress 让嵌入来自 YouTube、Vimeo、Facebook、Twitter 等视频托管网站的视频变得非常容易。
在本初学者指南中,我们将向您展示如何轻松地将视频嵌入 WordPress 博客文章、页面和侧边栏小部件中。
为什么要在您的 WordPress 博客文章中嵌入视频?
向您的 WordPress 博客添加视频是吸引访问者注意力并提高参与度和转化率的好方法。
视频有助于增加用户在 WordPress 网站上花费的时间,有些访问者甚至可能更喜欢观看视频而不是阅读书面文字。
在 WPBeginner,我们将视频嵌入到我们最受欢迎的 WordPress 教程中。
您应该将视频直接上传到 WordPress 吗?
好吧,你可以,但是我们不建议您这样做。
大多数小型博客都使用共享的 WordPress 托管帐户,视频会占用大量服务器资源。如果您的视频获得大量流量,那么您的网站更有可能崩溃。
其次,您会错过来自 YouTube 用户和其他视频托管网站的流量。
YouTube 不仅是最大的视频托管网站,而且还是世界上第二大最受欢迎的搜索引擎和仅次于 Facebook 的第二大最受欢迎的社交网络。
如果您不想将视频上传到 YouTube,则可以使用其他平台,例如 Vimeo、Jetpack Video、Wistia 等。
有关更多详细信息,请参阅我们关于为什么切勿将视频上传到 WordPress 媒体库的文章。
话虽如此,让我们逐步向您展示如何将视频嵌入 WordPress 博客文章中。只需使用下面的快速链接即可直接跳至您要使用的方法:
- 方法1:使用块编辑器在 WordPress 博客文章和页面中嵌入视频
- 方法 2:使用旧经典编辑器在 WordPress 中嵌入视频
- 方法 3:如何在 WordPress 侧边栏小部件中嵌入视频
- 方法四:使用WordPress视频嵌入插件嵌入视频
视频教程
订阅 WPBeginner
如果您更喜欢书面说明,请继续阅读。
方法 1:使用块编辑器在 WordPress 博客文章和页面中嵌入视频
WordPress 附带了一项名为自动嵌入的出色功能,它允许您的网站自动从 YouTube、Vimeo 等流行视频托管服务获取嵌入代码。
您所需要做的就是将视频 URL 粘贴到 WordPress 编辑器中。
例如,您可以复制所需视频的 YouTube 网址嵌入。
接下来,编辑要添加视频的 WordPress 帖子或页面,然后只需将 URL 粘贴到内容区域即可。
一旦您粘贴视频 URL,WordPress 就会获取嵌入代码并在内容编辑器中显示 YouTube 视频。
您现在可以通过点击“更新”或“发布”按钮来保存您的帖子,以查看实时帖子中嵌入的视频。
这不是很容易吗?
添加视频后,您可以通过在编辑器中单击视频并从弹出工具栏中进行更改来自定义其设置。
您可以调整视频宽度、更改对齐方式等。您还可以在移动设备上添加标题并保留视频的宽高比。
WordPress 只能对白名单视频服务进行自动嵌入。对于其他网站,您仍然需要获取嵌入代码,然后将其粘贴到您的博客文章中。
这里是一个列表用于在 WordPress 中自动嵌入的白名单视频服务:
- 亚马逊
- 阿本托
- 云
- 大学幽默
- 人群信号
- 每日动态
- 脸书
- Flickr
- 葫芦
- 图片
- 发布
- 众筹
- Meetup.com
- 混合云
- 混响国家
- 截屏视频
- 抄写
- 幻灯片共享
- SmugMug
- 一些卡片
- 声云
- 演讲台
- Spotify
- TED
- 汤博乐
- 推特
- VideoPress
- 维梅奥
- WordPress.tv
- YouTube
如果您想添加来自此列表之外的网站的视频,那么您将需要该视频的完整 HTML 嵌入代码。
只需复制视频网站提供的 HTML 代码并将其粘贴到 edi 中的“HTML”块内即可托尔。
要了解更多信息,请参阅我们的初学者指南,了解如何在 WordPress 代码编辑器中编辑 HTML。
方法 2:使用旧经典编辑器在 WordPress 中嵌入视频
如果您仍在使用旧的 WordPress 经典编辑器,则可以以相同的方式嵌入视频。
只需从 YouTube 等视频托管服务复制 URL 并将其粘贴到编辑器中即可。如果您使用可视化编辑器,那么您将看到视频的预览。
但是,您将无法使用可在 WordPress Gutenberg 块编辑器中使用的宽度调整和其他选项。
请务必点击“更新”或“发布”按钮以使更改生效。
方法 3:如何在 WordPress 侧边栏小部件中嵌入视频
就像WordPres一样的帖子或页面,您还可以在 WordPress 侧边栏小部件中嵌入视频。
只需转到 WordPress 管理区域中的外观 » 小部件,然后单击“+”添加新块图标即可。
之后,在搜索栏中搜索“视频”。
然后,您可以单击要添加的视频类型的块。例如,YouTube、Vimeo、TED 等。
接下来,您需要将视频网址粘贴到框中,单击“嵌入”按钮,它将自动添加到小部件区域。
然后,您所要做的就是单击“更新”按钮,视频小部件现在就会出现在您的 WordPress 网站上。
现在,您可以访问您的网站观看直播视频。视频的大小将根据您的小部件区域的大小自动缩放。
要了解更多信息,请参阅我们有关如何在 WordPress 中添加和使用小部件的指南。
方法四:使用WordPress视频嵌入插件嵌入视频
默认情况下,您不需要使用插件在 WordPress 中嵌入视频。但是,您可能希望使用插件来改善网站上的视频观看体验。
以下是一些您可能想尝试的 WordPress 插件。
1.粉碎气球 YouTube Feed Pro
Smash Balloon YouTube Feed Pro 是适用于 WordPress 的最佳 YouTube 视频库插件,受到超过 40,000 多个网站所有者的信赖。
它允许您以可自定义的图库格式自动嵌入所有 YouTube 频道视频。它会自动导入新视频、合并源、添加直播功能、嵌入 YouTube 播放列表等等。
此外,它还包括视图、点赞、分享、评论和反应,这有助于增强您的社交认同。
有YouTube feed 插件的免费版本,您可以使用它简单地将 YouTube 频道 feed 添加到 WordPress。
要了解更多信息,请参阅我们的指南,了解如何在 WordPress 中显示 YouTube 频道的最新视频。
您还可以将 Smash Balloon YouTube feed 插件与 Social Wall 插件结合使用,该插件将 Facebook、Instagram、Twitter 和 YouTube 上的所有社交媒体内容合并到一个 WordPress 页面上。
2.粉碎气球 TikTok Feed Pro
TikTok Feed Pro(同样由 Smash Balloon 开发)是一款功能强大的插件,可让您轻松地将 TikTok 视频嵌入 WordPress 网站上的任何位置。
当您在 TikTok 频道上发帖时,它会自动发送到您的网站并显示在精美的视频库中。您可以从多种 Feed 布局中进行选择,包括网格、轮播、列表和砌体。
拖放提要编辑器还提供您可以完全控制 TikTok 源的外观。您可以设置要显示的视频数量并自定义颜色、样式、间距等。
此外,它还配备了有用的审核工具,可以根据单词或主题标签过滤您的视频。使用此功能,您可以为网站的不同部分创建精选视频源以定位特定内容。
请参阅我们有关如何在 WordPress 中嵌入 TikTok 视频的指南,了解更多详细信息。
3.恩维拉画廊
Envira Gallery 是市场上最好的 WordPress 画廊插件。您可以使用它在 WordPress 中轻松创建照片库。它还配备了一个视频插件来显示美丽且响应灵敏的视频库。
您可以从 YouTube、Vimeo、Twitch、DailyMotion 等创建视频库。您甚至可以从您的个人帐户显示 YouTube 播放列表,并且可以在某个时间段启动 YouTube 视频普通时间戳。
Envira 非常易于使用。只需输入您的 YouTube 视频网址,智能系统就会自动为您抓取视频缩略图。
Envira Gallery 有免费版本。但是,您需要高级插件才能访问视频库功能。
4. YouTube 订阅栏
YouTube 订阅栏会在 WordPress 中嵌入的 YouTube 视频下方显示 YouTube 订阅按钮。它还会获取您的 YouTube 订阅者数量,以添加社交证明并鼓励更多用户订阅您的频道。
我们最初创建它是为了在该网站上推广 WPBeginner 的 YouTube 频道。许多用户要求我们分享我们是如何做到这一点的,因此我们决定将其作为免费插件发布。
5.视频延迟加载
视频延迟加载解决视频加载问题嵌入来自外部网站的脚本,这对网站页面加载速度和性能有影响。
相反,它仅在用户单击播放按钮时加载嵌入代码。
顺便说一句,如果您使用 Smash Balloon YouTube Feed 插件,则不需要此插件,因为它具有内置缓存和视频播放器延迟加载功能。
我们希望本文能帮助您了解如何轻松地将视频嵌入 WordPress 博客文章中。您可能还想查看我们完整的 WordPress 搜索引擎优化 (SEO) 指南以及我们专家为小型企业精选的最佳商务电话服务。
如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。