facebook - iframe facebook 视频嵌入不适用于移动设备

Question

您好，我在我的网站上使用此代码来显示 Facebook 视频:

<iframe src="https://www.facebook.com/video/embed?video_id=XX" width="640" height="480" frameborder="0"></iframe>

问题:它无法在移动设备上运行(它需要不可能的fash payer安装)

它尝试使用 facebook 工具在网站上集成视频帖子: http://nsa34.casimages.com/img/2013/10/17/131017070157521369.png

示例:

<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/fr_FR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/photo.php?v=589822344439680" data-width="550"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?v=589822344439680">Publication</a> de <a href="https://www.facebook.com/AmazingCrazyVideos">Amazing and Crazy videos</a>.</div></div>

这个效果很好，但它不仅显示视频..我只需要视频

我尝试过这个:

<object width="400" height="224" > 
 <param name="allowfullscreen" value="true" /> 
 <param name="allowscriptaccess" value="always" /> 
 <param name="movie" value="http://www.facebook.com/v/xxx" /> 
 <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"  
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224"> 
 </embed> 
</object> 

它不起作用。

Answer 1

这是我使用的代码...您只需更改视频 video_id=628132747223650 和他的高度和宽度即可

    <iframe src="http://www.facebook.com/video/embed?video_id=628132747223650" height="320" width="540" frameborder="0"></iframe>