2015-10-14 205 views
0

我想知道如何嵌入Facebook的视频?如何嵌入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> 

在此先感谢

回答

-2

如果你使用,你可以将你只需要在SRC标签链接

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

视频的iframe只是把的链接你想要的视频...

看看下面的链接全文教程

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

+0

目前,我试图嵌入Facebook的视频。不是YouTube的一个。由于 – ipegasus

+0

回答没有什么关系的问题。 – Komsomol

0

当您按收到的代码,点击I帧的标签。这工作更好地为我

这将是这个样子:

<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>

1

我知道这是一个老帖子。但是这个代码是答案。欲了解更多信息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>

+0

完美的解决方案! –