在WordPress中集成和嵌入YouTube视频的10种方法

在WordPress中集成和嵌入YouTube视频

制作 YouTube 视频是成功的一半。在不知疲倦的制作过程之后,是时候将制作的视频发布到 Facebook、电子邮件通讯等地方,当然还有您的网站,与大家分享。过去,在 WordPress 上嵌入 YouTube 视频需要一些创意或额外的插件。

不过,自 WordPress 2.9 版本发布以来,情况发生了变化。事实上,除了 YouTube 链接外,您还可以在 WordPress 中嵌入 YouTube。不过,您可能想通过创建图库、插入整个 YouTube 页面或从其他创作者那里策划一个视频列表来更巧妙地进行整合。

有了这些独特的 YouTube 选项,您就能从普通的视频嵌入中脱颖而出,为用户提供更独特的体验。

在WordPress中嵌入YouTube视频的最简单方法

WordPress 2.9 添加了一个很酷的功能,他们称之为嵌入。这样,您就可以将 YouTube 视频直接复制并粘贴到网站上,而无需任何其他插件或设置。下面介绍如何操作:

Step 1 – 复制 YouTube 视频的 URL。您可以从浏览器地址栏或 YouTube 共享链接按钮中复制 URL。

YouTube 嵌入链接

YouTube 嵌入链接

提示:首先勾选 “Start at” 复选框并选择时间,就可以自动让视频从某个位置开始(例如,30 秒后)。然后复制链接。

Step 2 – 将 URL 粘贴到 WordPress 编辑器中,嵌入功能会自动将其转化为嵌入式视频。

在 WordPress 编辑器中嵌入 YouTube 视频

在 WordPress 编辑器中嵌入 YouTube 视频

YouTube 嵌入插件的有趣功能

虽然上述方法简单快捷,但 YouTube 嵌入插件能为你的网站增加很多功能。以下是您可以获得的众多不同功能中的几个:

  • 用于改善网站上嵌入视频的隐私和同意选项的工具。
  • 嵌入大型图库的选项,可以在访客登陆页面时播放,也可以在访客登陆页面时开始播放。
  • 懒加载视频的功能,使媒体不会拖慢整个网站的运行速度。
  • 可视化设置控制,用于调整颜色、大小和视频整体外观等项目。
  • 使用简码放置视频的选项,让视频在小工具和帖子等区域的放置更加灵活。
  • 灯箱浏览和其他替代视频显示方式。
  • 在用户滚动视频时创建悬停和动画效果的工具。
  • 从社交媒体账户和 YouTube 等多个来源提取视频的选项。这是在自己网站上策划视频频道的好方法。
  • 社交媒体按钮,鼓励用户分享视频。
  • 用于创建和插入完整 YouTube 播放列表的插件,以及其他格式化和设计工具。
  • 视频缩略图、滑块、颜色变化以及其他各种选项,让你的 YouTube 视频嵌入脱颖而出。

在 WordPress 中整合和嵌入 YouTube 的最佳方法

我们已经了解了所有可以用来在 WordPress 中嵌入 YouTube 视频的最佳 WordPress 插件。现在是时候深入了解了!

  1. YouTube by EmbedPlus
  2. WP YouTube Lyte
  3. Video Gallery – YouTube Gallery
  4. Feed Them Social
  5. YotuWP
  6. Videozoom
  7. ARVE Advanced Responsive Video Embedder
  8. WpDevArt YouTube Embed, Playlist and Popup
  9. YourChannel
  10. YouTube Gallery

1. YouTube by EmbedPlus

EmbedPlus 的 YouTube 插件提供了几种自定义 WordPress 网站嵌入视频的方法。首先,该插件具有图库功能,可将您的播放列表或频道列表拉入您的网站。图库反应灵敏,可随时进行定制。然后,您的用户就可以根据自己的需要浏览和搜索某些视频。

YouTube by EmbedPlus

YouTube by EmbedPlus

EmbedPlus 的 YouTube 插件还包含许多其他功能,但我们将在下面的列表中介绍其中最好的功能。至于价格,该插件的大部分基本功能都是免费的。例如,你可以加入一些品牌,去掉一些 YouTube 的颜色和标识,同时还可以在网站上加入 YouTube 实时流媒体。高级版本的起价为 19.99 美元,可终身使用 YouTube 插件。

其中一些计划还提供支持,您还可以获得一些有趣的附加功能,如自动视频搜索引擎优化标记和更快的页面加载速度。我尤其喜欢先进的图库定制功能和移动兼容性检查功能,可以查看用户在小型设备上观看视频的情况。

YouTube by EmbedPlus 功能特点

  • 该插件的基本功能是免费的,我想大多数人都不需要升级。
  • 即使是高级版本也很实惠,而且只需一次性付款即可获得(除非你需要持续的客户支持)。
  • 免费版有生成播放列表和图库的工具。您还可以加入 YouTube 实时流,这样就可以直接在网站上播放流媒体。
  • 插件的设计界面美观大方,有大量设置供你调整颜色和大小。
  • 您还可以在特定时间开始播放视频,并为客户调整音量。例如,有些网站管理员可能希望在客户登陆网站时就开始播放视频。

2. WP YouTube Lyte

WP YouTube Lyte 插件有一个主要功能,那就是懒加载嵌入的 YouTube 视频,以便网站尽可能快速运行。懒加载通常可用于图片,但该插件将其提升到了一个新的水平,主要侧重于 YouTube 视频。懒加载只加载用户当前正在浏览的媒体。因此,你的服务器不会费力地加载页面或网站上的所有视频。

因此,网站的加载速度会更快,整个网站的性能也会得到改善。

WP YouTube Lyte

WP YouTube Lyte

WP YouTube Lyte 插件是完全免费的,因此不会有任何提示向你推销或试图让你购买附加组件或高级版本。

该插件并不像大多数图片懒加载器那样懒加载视频。插件的工作原理是嵌入一小段视频(基本上只是视频缩略图的图像)。直到用户点击缩略图,它才会调用 YouTube 提供的 “较重 “版本。如果您打算在同一页面上制作大型图库或多个视频,这一点尤为重要。您的访客不会注意到与普通 YouTube 嵌入之间的任何区别,因此视频加载速度仍与您预期的一样快。

WP YouTube Lyte 插件功能特征

  • WP YouTube Lyte 插件提供了一个轻量级的 YouTube 视频嵌入,直到访问者决定要观看它。点击后,就会播放完整版的 YouTube 视频。
  • 它能提高网站的整体性能,尤其是在单个页面上有大量视频的情况下。
  • 由于该插件不需要向 YouTube 服务器发出任何请求,因此实际上提高了 GDPR 合规性。
  • 您可以使用简码在网站上快速放置经过优化的 YouTube 视频。
  • 该插件已在所有移动设备上进行过测试,以确保懒加载不会影响 YouTube 自带的移动性能。

无 WP YouTube Lyte 的速度测试

想知道它能让你的网站快多少吗?我们用一个普通的 YouTube 嵌入视频进行了五次速度测试,并得出了平均值。

YouTube 没有懒加载

YouTube 没有懒加载(速度测试

使用 WP YouTube Lyte 进行速度测试

然后,我们使用 WP YouTube Lyte 插件及其缓存缩略图选项进行了五次测试。这个免费的小插件将总加载时间缩短了 40.43%!更不用说它还减少了页面大小以及默认 YouTube 嵌入播放器带来的所有额外外部请求。

启用懒加载后的速度测试

启用懒加载后的速度测试(速度测试

Video Gallery 工具可满足那些希望为自己的 YouTube 视频创建精美图库而又不具备高级设计技能的用户的需求。这款插件的有趣之处在于,它还支持来自 Vimeo 和 Wistia 等视频网站的视频,你还可以将所有这些服务的视频组合起来,创建数量不限的图库。不仅如此,您在图库中放置的所有视频都是响应式的,方便您在移动设备上观看。

Video Gallery 插件

Video Gallery 插件

搜索工具也是令人印象深刻的画廊,要求用户搜索和浏览某些视频,并通过清晰的导航让用户知道在哪里可以找到这些视频。插件还提供多种主题,用户在使用主题后还可获得大量自定义工具。基本插件是免费的,但你可以选择升级到高级版本。在撰写本文时,付费版本的价格为 45 美元,但开发商有时会推出不同的促销活动。

如果你要升级到高级版本,大部分功能都涉及到自定义图库的外观。例如,你可能想调整图标颜色、边框或字体样式。这些设置都可以在高级插件中找到。

Video Gallery 插件功能特征

  • 这是一款用户界面非常友好的图库插件,可选择使用主题和图库布局来创建图库。
  • 免费版本中提供了大量自定义工具。例如,您可以添加灯箱效果或某种悬停效果,吸引用户点击您的视频。
  • 您在网站上插入的所有图库都是移动响应式的。
  • 如果您想更灵活地在线播放 YouTube 视频,还可以使用无限简码生成器。
  • 该插件支持多种类型的视频,包括来自 YouTube、Vimeo、Wistia 和 MP4 的视频。
  • 您可以在图库中无限量地添加视频。
  • 如果你想完全自定义和品牌化你的图库,高级版本并不昂贵。

4. Feed Them Social

Feed Them Social 插件采用了与 YouTube 嵌入游戏完全不同的方法。安装插件后,您可以选择最喜欢的社交视频源,并将其显示在帖子、页面或网站的任何地方。对于想突出某些名人页面或与博客或产品相关的特定教程的公司来说,这是一个很好的解决方案。

该免费插件具有查看和显示来自 Facebook 页面的信息源以及相册封面和照片的功能。您可以添加任意数量的信息源,但如果您想限制每个信息源的条目数量,就必须升级到高级版本。单个网站的起价为 50 美元,但开发人员还提供其他扩展功能,根据你的需求,最终可能会花费更多。例如,你可以找到 Facebook 评论、组合流和旋转木马的扩展。

Feed Them Social 插件

Feed Them Social 插件

该插件似乎主要关注 Facebook 视频和媒体源,但它也支持 YouTube、Twitter、Instagram 和 Pinterest。从技术上讲,您可以用它在网站上展示自己的 YouTube 频道,或将 YouTubers 集合到一个图库中。

Feed Them Social 插件功能特征

  • 通过该插件,您可以找到自己喜欢的社交媒体视频源并将其添加到网站上。
  • 您可以添加任意数量的源,并将它们自定义为一个漂亮的图库。
  • 这些源都是响应式的,可以自定义颜色。
  • 免费版本还包括一些工具,方便人们在 Facebook 和 Instagram 等网站上分享你的视频。
  • 在网站上策划视频时,内容来源包括 Pinterest、Facebook、Twitter 和 YouTube。
  • 如果你想发挥更大的创造力,Feed Them Social 插件的开发人员还提供了多种扩展功能,如组合流和旋转木马。

5. YotuWP

如果你正在寻找一种简单而时尚的方式在 WordPress 网站上播放 YouTube 视频,YotuWP 插件就能帮你实现。它轻巧、易用、功能强大,可支持图库、播放列表、频道和来自特定用户名的视频。你甚至可以选择从一个来源添加单个视频。YouTube、Vimeo 和 Wistia 均可集成,布局包括网格、列表和混合图库。

YotuWP 插件

YotuWP 插件

我觉得免费版似乎具备了你所需的大部分功能,但它确实更适合那些希望以简洁的方式在网上播放 YouTube 视频而无需任何杂乱设置的简单视频嵌入者。

如果你决定使用高级版,它的起价为每年 14 美元,包含多种功能,如旋转木马和砖石布局、12 个悬停图标、标题和描述的替换以及按钮的自定义文本。简而言之,高级版几乎完全去除了 YouTube 视频的品牌标识,使视频更适合你自己的网站。不过,很多人要么不在乎这些,要么不需要为此花钱。

YotuWP 插件功能特征

  • YotuWP 设计简约,视频展示精美。对于初学者或不需要其他插件所有功能的人来说,我们很喜欢它。
  • 您可以以混合图库或列表等多种图库格式显示视频。
  • 该插件有从多种来源获取视频的选项。例如,您可能想从一个播放列表中提取所有视频。或者,您可能更喜欢来自某个用户名或频道的视频。
  • 大视频和小视频均可使用。所有的尺寸定制都在插件中完成,让你无需花费太多时间就能获得在线视频的界面。
  • 您甚至还可以获得一些独特的显示选项,如模式、弹出式窗口和灯箱。
  • 你还可以选择高级版本,获得强大的自定义工具。不仅如此,每年 14 美元的价格对于高级插件来说也非常便宜。

6. Videozoom

Videozoom 没有免费版本,但绝对值得一看。这是因为 Videozoom 实际上是一个完整的 WordPress 主题,而不是一个插件。我们之所以将它放在这里,是因为我们知道有些人在制作网站时会将 YouTube 图库作为主要重点。因此,安装一个支持这种类型的主题而不是插件是很有意义的。该主题有助于展示来自互联网的视频集合。例如,如果您想开设自己的 YouTube 频道,并将所有这些视频都放在自己的网站上,这可能是一个不错的选择。

如果您打算从其他来源收集视频,这也是同样的道理。该主题有一个灵活的滑块,用于展示您最重要或最近的视频。您还可以即时嵌入 YouTube 上的视频或自行托管视频。

Videozoom 插件

Videozoom 插件

这不是一个免费的主题,但 69 美元的价格对于您获得的所有功能来说并不低。您也可以考虑支付 99 美元的会员费来购买所有 WPZoom 主题。

总的来说,Videozoom 提供了一个即时的解决方案来显示您的视频,并确保它们都可以在移动设备上观看和被搜索引擎发现。您还会发现,该主题提供了翻译就绪工具、定期主题更新和一键式演示内容导入器,因此您不必从头开始。我非常喜欢使用插件嵌入 YouTube 视频的想法,但如果你还没有配置好网站,使用主题还是很有意义的。

Videozoom 插件功能特征

  • 这是一个完整的 WordPress 主题,因此您的网站一开始就可以使用您需要的所有嵌入式工具,给访客留下深刻印象。
  • 它提供两种皮肤,深色和浅色。这样,您就可以在网站上打上自己的烙印,并考虑访客希望以何种方式观看视频。
  • 如果您是开发人员,您可以选择成为 WPZoom 会员,获得 40 多个 WordPress 主题。
  • 从 YouTube 嵌入视频非常简单,您还可以将自己的本地视频上传到服务器。
  • 从 YouTube 上传视频或链接后,会生成一个视频缩略图。
  • 所有界面都相当美观,采用移动设计,可即时播放视频,就像在 YouTube 上一样。

7. ARVE Advanced Responsive Video Embedder

ARVE Advanced Responsive Video Embedder 在无任何问题地在网站上展示视频方面享有盛誉。正如您在网站上发布视频时所了解到的那样,无论是小问题还是大问题,似乎总会出错。

该插件在完成任务的同时,还支持 YouTube 以外的其他视频网站。例如,你可能想从 TED、Twitch 或 Comedy Central 播放视频。在这些情况下,你并不总能在 YouTube 上找到相同的视频。因此,你需要从实际的源网站抓取链接。这是一款支持数十个其他网站的插件,同时还能提供我们已经习惯的响应式视频观看功能。

ARVE 插件

ARVE 插件

免费版能以合理的方式显示视频,而且还提供所见即所得的编辑器,让你不必再去弄任何简码。之后,视频会显示标题、描述和其他上传信息,这样搜索引擎就能对其进行索引,人们也能知道视频的内容。

我个人觉得,大多数安装该插件的人都会选择免费版本,但也有 35 美元的升级选项。高级版的主要功能之一是可以禁用视频上的链接。这意味着用户无法点击 Youtube 链接,也就无法离开你的网站。此外,还有懒加载功能、灯箱、悬停样式和不同的播放图标。总的来说,专业版的价格并不高,如果你绝对需要这些功能,它不失为一个好选择。

ARVE 插件功能特征

  • ARVE 高级响应式视频嵌入器支持几乎所有在线视频。只要您从使用 iframe 嵌入代码的网站提取视频,就不会有问题。您还可以立即嵌入 YouTube 视频,不会出现任何问题。
  • 所见即所得的支持意味着无需使用简码。因此您可以自定义视频显示,并将视频放置在帖子和页面上。
  • 这是一款有利于搜索引擎优化的插件,可提供网站上的视频信息。例如,您可以显示标题和描述,供用户查看。
  • 如果你更喜欢简码,插件还提供简码选项。
  • 当用户登陆网站时,视频可以自动开始。
  • 虽然不是每个人都需要这样做,但付费版本有一些懒加载功能和禁用 YouTube 链接的选项,这两项功能都可以实现更好的控制和优化。

8. WpDevArt YouTube Embed

WpDevArt YouTube Embed 插件为初学者提供了简单的安装和流畅的嵌入过程。该插件的全部意义在于提供一种无需了解任何代码的快速嵌入方法。在 WordPress 中,嵌入视频并不需要编码知识,但该插件增加了一些有趣的功能,如将视频放在小工具中、调整视频大小和更改颜色。虽然该插件是免费的,但专业版拥有最令人印象深刻的功能。

WpDevArt YouTube Embed 插件

WpDevArt YouTube Embed 插件

专业版中,你可以找到创建 YouTube 播放列表、在弹出式窗口中显示视频以及在帖子或页面中设置按钮简码选项的工具。你还可以为每个视频设置单独的选项,为视频提供各种可能性。还可显示相关视频以及不同大小的缩略图。该插件的个人版起价为 12 美元,还能获得高级客户支持,这可能会有所帮助。如果您打算在多个网站上使用该插件,则需要商业或开发人员许可证,起价为 24 美元。

WpDevArt YouTube Embed 插件功能特征

  • WpDevArt YouTube Embed 插件提供了一种嵌入 YouTube 视频的简单方法,没有太多可能看起来令人困惑的功能。它易于安装,而且所有视频都能在移动设备上很好地显示。
  • 该插件允许在帖子、页面和小工具中插入 YouTube 视频。
  • 虽然该插件很轻便,但它实际上有很多自定义功能,可以调整视频大小、自动播放功能和循环播放等。
  • 进度条的颜色可以更改,当有人登陆你的网站时,你就可以开始播放视频。
  • 专业版价格实惠,还提供一些值得考虑的功能。例如,我喜欢在弹出窗口中播放视频和显示相关视频以吸引用户浏览网站上更多内容的想法。

9. YourChannel

就功能和特性设置的独特性而言,YourChannel 插件绝对可以位于此列表的首位。如果你在自己的 YouTube 频道上积累了大量视频,那么你会考虑使用该插件的主要原因。安装后,该插件可以将你的整个频道拉到你的网站上。与本列表中的其他一些插件不同,YourChannel 可模拟您在 YouTube 上观看频道时的效果。它还拥有显示单个视频和自动播放功能的工具。

YourChannel 插件

YourChannel 插件

可视化生成器可帮助你构建自己想要的 YouTube 频道外观。此外,还有七种视频缩略图样式,让你在展示自己喜爱的视频时更有创意。所有这些,包括翻译工具,都在免费版本中提供。如果你想使用专业版,个人许可证只需 15 美元。这包括一年的客户支持,以及大量的功能,如指定要播放的视频数量。值得一看的是专业版的功能列表,因为其中有几十项功能–如搜索频道功能、显示视频时长和换色工具。

YourChannel 插件功能特征

  • 免费版本可以显示完整的 YouTube 频道,类似于 YouTube 本身的显示方式。
  • 您可以显示横幅、播放列表和单个视频等项目,而无需进行编码或使用复杂的嵌入工具。
  • 所有视频都是响应式的,并以可以排序的方式进行组织。
  • 高级版本功能强大,价格实惠。
  • 例如,一些更独特的高级功能包括主题、视频评论、视频开始时间和播放器导航。
  • 免费版中的缓存功能一定会改善网站的页面加载时间。
  • 免费版还有一个漂亮的灯箱,让用户沉浸在您的视频中。

YouTube Gallery 插件从名字上就不难理解。它能将 YouTube 视频列表整合在一起,并以时尚的图库或列表形式显示。我们如此喜欢它的原因是,有时你找到一个图库插件,却发现它的显示效果并不优雅。然而,YouTube 图库插件却能让它变得简单而美观,无需你做太多工作。

有趣的是,大部分功能都是免费版提供的,开发者似乎并没有大力推广专业版。不过,如果你想要一些附加功能和全面的客户支持,专业版是个不错的选择。客户支持显然是一个加分项,但您还可以获得其他一些升级,包括更好的搜索引擎优化工具、批量上传选项以及用于更好地插入视频的简码生成器。

YouTube Gallery 插件

YouTube Gallery 插件

如果你只想上传一两个视频,那么这个插件可能并不适合你。尽管如此,对于那些想上传几十个视频到自己的网站,并且更愿意从 YouTube 上获取视频的人来说,这是一个必不可少的解决方案。或者,你也可以选择从 YouTube 上的多个视频源中整理视频。这款插件之所以效果如此之好,其中一个主要原因是您可以不费吹灰之力就调整图库。例如,它提供网格图库和列表,以及大小修改器和简码创建器。

YouTube Gallery 插件功能特征

  • 该插件以时尚、优雅的方式显示您的视频集合。
  • 基本插件是免费的,但您可以花 99.99 美元升级以获得数十种附加功能。
  • 主图库以四列响应式布局显示视频。你不需要做太多的编辑工作。
  • 视频内容会在视频页面上显示,方便用户了解视频内容。
  • 该插件带有两个侧边栏小部件,用于在多个页面上展示较小的视频。这些小工具用于展示 YouTube 特色视频和 YouTube 近期视频。

小结

在尝试了解如何在 WordPress 中嵌入 YouTube 时,我们会发现许多插件都非常相似。我们根据每个插件的最佳功能对其进行了细分,但看起来还是有点混乱。下面我们将根据您的具体情况为您推荐最佳插件。这样,您就可以选择其中的两三个,并在自己的网站上进行测试。我发现视频图库插件需要测试,因为有些人更喜欢某些布局。另外,你可能会发现某个插件与你的主题或其他插件配合得不好。

  • 要获得最佳的全方位 YouTube 嵌入插件,请使用 YouTube by EmbedPlus。
  • 为了懒散地加载所有嵌入的 YouTube 视频 – 考虑使用 WP YouTube Lyte。
  • 要为你的视频生成一个漂亮的图库-可以考虑Video Gallery – YouTube Gallery
  • 要从社交网络中提取视频(并在视频中加入社交分享按钮)- 试试 Feed Them Social。
  • 如果您想要多种图库布局组合 – YotuWP 插件是一个不错的选择。
  • 如果你刚开始做视频网站,想要一个完整的 YouTube 图库主题,Videozoom 插件将是你的正确选择。
  • 如果你更喜欢所见即所得的编辑器而不是简码,可以考虑使用 ARVE Advanced Responsive Video Embedder。
  • 如果想获得最基本的 YouTube 嵌入工具,请考虑 WpDevArt YouTube Embed。
  • 要拉动整个 YouTube 频道并以 YouTube 上的显示方式显示 – 使用 YourChannel。
  • 如果你想测试不同的图库插件 – YouTube Gallery插件可以创建出色的图库。

如果您对在 WordPress 中嵌入 YouTube 的方法有任何疑问,请在评论中告诉我们!

评论留言