如何嵌入脸书视频？答案

【问题标题】：How to embed facebook video?如何嵌入脸书视频？
【发布时间】：2016-01-13 02:51:14
【问题描述】：

我想知道如何嵌入 Facebook 视频？

我按照以下说明操作：

https://developers.facebook.com/docs/plugins/embedded-video-player

但它不起作用。这是源代码：

<html>
  <head>
    <title>My Website</title>
  </head>
  <body>
    <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.3";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <h1>My Video Player</h1>
    <div class="fb-video"
    data-href="https://www.facebook.com/FacebookDevelopers/posts/10151471074398553"
    data-width="500"
    data-allowfullscreen="true"></div>
  </body>
</html>

提前致谢

【问题讨论】：

标签： html facebook facebook-graph-api

【解决方案1】：

当您按接收代码时，单击 iframe 的选项卡。这对我来说效果更好

看起来像这样：

<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&height=281&appId" 
        width="500" height="281" 
        style="border:none;overflow:hidden" 
        scrolling="no" frameborder="0" allowTransparency="true"
></iframe>

【讨论】：

【解决方案2】：

<iframe 
  src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FPlayStation%2Fvideos%2F10155554431506803%2F&show_text=0&width=560"                                                           
  width="560" height="315" 
  style="border:none;overflow:hidden" 
  scrolling="no" allowTransparency="true" allowFullScreen="true"
></iframe>

这对我有用。

【讨论】：

【解决方案3】：

我知道这是一篇旧帖子。但这段代码就是答案。欲了解更多信息look here.

<!-- replace {facebook-video-url} with the correct url-->
<iframe 
  src="https://www.facebook.com/plugins/video.php?href={facebook-video-url}&show_text=0&width=560"
  width="560" height="315" 
  style="border:none;overflow:hidden" 
  scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"
></iframe>
<!--example given-->
<iframe 
  src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FPlayStation%2Fvideos%2F10155554431506803%2F&show_text=0&width=560"
  width="560" height="315" 
  style="border:none;overflow:hidden" 
  scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"
></iframe>

【讨论】：

完美解决方案！

【解决方案4】：

如果您使用 iframe，您可以插入视频，您只需要链接

<iframe width="420" height="315"src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1"></iframe>

在src标签上放你想要的视频的链接...

查看下面的链接以获取完整教程

http://www.w3schools.com/html/html_youtube.asp

【讨论】：

目前我正在尝试嵌入 Facebook 视频。不是youtube的。谢谢
答案与问题无关。