如何将Facebook视频添加到WordPress

您知道Facebook视频每天产生超过8亿的页面浏览量吗？ 那8亿是一年前数字的两倍？但是，如何将Facebook视频添加到WordPress？

尽管可以将这种巨大成功归功于自动视频播放和有利的观看次数计算方法，但事实仍然是Facebook视频是当今视频消费的主要参与者。

通过本教程，您可以将Facebook视频集成到WordPress文章和页面中，从而使用它们。我将向您展示如何通过WordPress编辑器轻松嵌入Facebook视频。此外，例如，我将向您提供有关如何修改视频的某些显示详细信息以启用自动播放的信息。

最后，如果您不想用第一种方法弄脏您的手，我还将向您展示通过iframe嵌入视频的最简单方法。

但是之前，让我们一起发现 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题.

然后，回到我们为什么在这里。

Facebook Video Integration的优势

尽管YouTube可能会继续成为未来视频的王者，但我认为整合Facebook视频会带来一些好处。例如，您可以...

享受直播 - 您可能已经看到 Facebook 最近推出的流行的新直播功能。当您使用此方法嵌入视频时，您还可以在您的 WordPress 网站上嵌入 Facebook 直播。
交叉推广您的Facebook页面 -嵌入Facebook视频提供了另一种在网站上推广Facebook页面的方法。即使您已经包含“ 赞或共享，直接从Facebook嵌入视频可提供另一个连接。当然，如果您要推广 YouTube 频道，则需要选择优先事项。
整理来自其他Facebook页面的视频内容 -如果您想在Facebook上看到要包含在帖子或页面中的视频，则嵌入是几乎唯一的选择，除非您想直接转到Facebook页面。

如何将“Facebook 视频”与 JavaScript SDK 集成

设置“Facebook 视频”的过程非常轻松。但是，它不需要向您的主题或您设计的插件添加一小段代码。这个代码片段是必要的，因为它可以让你做一些漂亮的事情，比如为嵌入的视频添加自动播放。

这些都是 用于管理广告的10个最佳WordPress插件

因此，首先，您需要将 Facebook JavaScript SDK 添加到主题的标题中。对于这段代码来说，它基本上是一个花哨的名字：

(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

对于那些使用 WordPress主题如果没有内容注入选项，您将需要访问主题的 header.php 文件并在标签之后添加以下代码：

理想情况下，您应该使用 儿童主题 并将此代码段添加到您的子主题header.php中，而不是父主题中。

如何在WordPress上整合Facebook视频？ 单击此链接也可以查找

一次性添加此代码后，就可以完成操作。您可以使用标准嵌入代码将视频嵌入任何位置。

如何整合Facebook视频

要生成第二部分代码，您需要找到要共享的视频的实际URL，然后将该URL添加到以下片段中：

您还可以通过将“数据宽度”选项更改为其他数字来更改视频的宽度（以像素为单位）。

另请阅读我们的教程 如何通过点击WordPress的优化数据库

有多种方法可以获取此 URL。如果您要在页面提要中查找视频文章，只需右键单击时间戳并复制 url：

如果要以全屏模式查找链接，则可以通过相同的方式找到URL：

为了给您一个真实的例子，这是添加URL后嵌入代码的外观。我们将视频宽度设置为550px：

只需将此代码粘贴到WordPress编辑器的文本标签中即可嵌入视频。您还可以将此代码添加到侧边栏或其他支持此代码的地方：

发布文章后，您应该会看到嵌入式视频：

如何启用自动阅读

以这种方式集成Facebook视频的一大优势是能够启用自动播放“自动播放”（静音），以及在Facebook上。

另请参阅我们的文章 社交共享15最好的WordPress插件

如果您想在Facebook视频上添加自动播放功能，则只需在嵌入代码中添加一个属性。

这是您需要添加的属性：

数据自动播放=“真”

在完整的嵌入式代码中，它将如下所示：

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

进行此更改后，您的视频应该会自动在相关页面上播放或发布。