在 Facebook Instant Article 中嵌入 Facebook 视频答案

【问题标题】：Embed Facebook video in Facebook Instant Article在 Facebook Instant Article 中嵌入 Facebook 视频
【发布时间】：2016-10-29 17:21:47
【问题描述】：

我按照https://developers.facebook.com/docs/instant-articles/reference/social 的说明进行操作和相关的 https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually 在即时文章中嵌入 Facebook 视频。这是我最终嵌入的内容，但不幸的是，当我预览页面时，我会在视频应该出现的位置出现短暂的灰色闪光，然后没有视频。

<!-- Article body goes here --><figure class="op-social">
<iframe>
<!-- Include Facebook embed code here. Your Facebook embed code should contain both the "JavaScript SDK" and the "Embedded Post Tag" parts described at https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually -->
<div id="fb-root"></div>
<script>(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&appId=906632809405090";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/PopSugarCelebrity/videos/10154334075529824/0506729/" data-width="300" data-show-text="true"></div>
</iframe>
</figure>
  <p>Ernestine Shepherd, one of the world's oldest bodybuilders, turned 80 this month—and she's making us all want to hit the gym. While we're not about to join her for 3 a.m. workouts or 10-mile runs (did we mention she's a badass?), Shepherd's story is a great reminder that it's never too late to adopt healthy habits. She didn't start exercising until she was 56! </p>

我已经成功地将 youtube、twitter 和 instagram 嵌入到我们的各种 FBIA 页面中，所以我认为 fb 视频应该很容易，但没有这样的运气。是否有人在 FBIA 页面上成功嵌入了 FB 视频，对我在上面的代码中哪里出错有一些提示？

【问题讨论】：

标签： video-embedding facebook-instant-articles

【解决方案1】：

我已经成功使用来自FB's configurator 的 iframe 嵌入代码。该工具应为您提供选择“iFrame”代码 sn-p（在顶部）的选项。

这是一个可用于即时文章标记的 iframe 嵌入示例（请务必更新 URL 和 AppID）。

<figure class="op-interactive">
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10153231379946729%2F&width=500&show_text=false&appId=906632809405090&height=281" width="500" height="281" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</figure>

【讨论】：