Question

您好我在我的网站上使用此代码来显示facebookvidéo：

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

问题：它不能在移动设备上运行（它需要不可能的fash payer instalation）

尝试使用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>

这一项工作很棒，但它不仅会播放视频.. 我只需要vidéo

我试过了：

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

Answer 2

如果您希望视频在div中正确调整大小，只需将宽度设置为100％即可。例如：

<iframe src="http://www.facebook.com/video/embed?video_id=785565964819891" width="100%" frameborder="0"></iframe>

Answer 3

尝试增加对我有用的iframe的z-index。

iframe facebook视频嵌入在移动设备上不起作用

3 个答案: