如何(正确地)嵌入Facebook视频?

时间:2019-05-11 作者:lovelyzoo

我正在尝试使用Facebook Embedded videos page.

完成后,我将此函数添加到一个自定义的、特定于站点的插件中,以便加载FB javascript API:

add_action(\'wp_head\', \'js_sdk_wp_head\');
function js_sdk_wp_head(){
  ?>
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.3"></script>
  <?php
}
然后,我使用代码编辑器将以下内容添加到页面中:

<!-- wp:html /-->

<div class="fb-video" data-href="https://www.facebook.com/watch/?v=12345" data-width="500" data-show-text="false">
</div>
当我这样做的时候,什么都没有发生(除了在WP帖子中插入一个空行)。

我做错了什么?

1 个回复
最合适的回答,由SO网友:Alexander Holsgrove 整理而成

它对我来说工作正常,但是我使用了wp_enqueue_scripts 钩子添加JavaScript。

function mytheme_enqueue_scripts() {
    wp_register_script(\'facebook-video\', \'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.3\', \'\', \'\');
    wp_enqueue_script(\'facebook-video\');
}

add_action(\'wp_enqueue_scripts\', \'mytheme_enqueue_scripts\');
您是否在浏览器控制台或网络选项卡中看到任何错误

相关推荐

Vimeo videos not working

我们有两个相同的站点(一个是临时站点)托管在不同的服务器上。两者都运行相同的WordPress版本4.8.5。在其中一个网站上,Vimeo视频无法加载(之前,这些视频在过去几周的某个时候运行良好)。这已经使用默认的未修改的十七主题进行了测试,以排除任何与主题相关的问题,问题也是一样的。例如,当我在故障站点上插入Vimeo视频链接时,它只返回页面中视频的URL,例如:https://vimeo.com/44633289然而,在工作站点上,使用完全相同的页面内容,上面的视频URL会自动替换为Vimeo视频播放