2015-10-14 150 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

完美的解決方案! –