facebook和css，如何在视频顶部放置一个评论对话框？

Question

我有一个youtube视频和一个类似按钮。当我单击“赞”按钮并打开“离开注释”对话框时，会出现问题。它出现在视频之下。

<div>    
<div class="like_like">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=211607088882&amp;xfbml=1"></script>
<fb:like href="http://www.xxx.com/tpain.php" layout="button_count" show_faces="false" width="240" height="40" action="like" colorscheme="light"></fb:like>
</div>
</div>
<div class="insidde_video">
<iframe width="300" height="200" src="http://www.youtube.com/embed/CNmCOTBsAwQ" frameborder="0" allowfullscreen></iframe>
</div>

任何想法？

感谢

解决方案是在youtube iframe src上添加?wmode=opaque。例如：<iframe width="300" height="200" src="http://www.youtube.com/embed/-oQFSfuRy24?wmode=opaque" frameborder="0" allowfullscreen></iframe>

感谢所有

Answer 1

您可以尝试为视频嵌入的<param>元素定义一些属性：

<param name="wmode" value="transparent">

这应该使视频服从页面上元素的z索引堆叠。但是，您已收到警告，使用此方法可能会导致大量减速。

此版本还有一个javascript solution，虽然看起来更麻烦，但不需要代​​表您进行硬编码。