在Facebook的即时条

问题描述:

嵌入Facebook的视频我按照说明在https://developers.facebook.com/docs/instant-articles/reference/social 和与此相关的 https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually 要嵌入Facebook的视频在瞬间的文章。以下是我为嵌入而结束的内容,但不幸的是,当我预览页面时,我会看到一段简短的灰色闪光,视频应该是,然后是没有视频。在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的视频应该是易如反掌,但没有这样的运气。有没有人成功将FB视频嵌入到FBIA页面上,有关于上述代码出错的一些提示?

我已成功使用来自FB's configurator的iframe嵌入代码。该工具应该给你选择'iFrame'代码片段(在顶部)的选项。

下面是一个可以在即时文章标记中工作的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>