嵌入式脸书视频未显示



我正在尝试将Facebook视频嵌入到移动应用程序的网络视图中。视频永远不会显示。我试图简化这一点并将其移动到一个 html 页面,我可以看到开发人员控制台。所有的html都在那里,但视频iframe永远不会显示。我尝试只是在Facebook视频示例中复制,它做同样的事情。我可以看到块引用,但这就是可见的全部内容。我在控制台中没有看到任何错误,我尝试通过小提琴手查看,但没有看到任何东西,所以我不确定发生了什么。这是我所拥有的:

    <!-- Load Facebook SDK for JavaScript -->
  <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 = "https://connect.facebook.net/en_GB/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

.HTML:

<div class="fb-video" data-
href="https://www.facebook.com/facebook/videos/10153231379946729/" data-
width="500" data-show-text="false">
<div class="fb-xfbml-parse-ignore">
<blockquote 
cite="https://www.facebook.com/facebook/videos/10153231379946729/">
<a 
href="https://www.facebook.com/facebook/videos/10153231379946729/">How to 
Share With Just Friends</a>
<p>How to share with just friends.</p>
Posted by <a href="https://www.facebook.com/facebook/">Facebook</a> on 
Friday, December 5, 2014
</blockquote>
</div>
</div>

试试

window.fbAsyncInit = function() {
  FB.init({
    appId      : '{your-app-id}',
    xfbml      : true,
    version    : 'v2.5'
  });
};

如果异步加载:

FB.XFBML.parse();

Afaik 您可以删除带有 appId 的行。这只是为了Facebook跟踪。

最新更新