溢出隐藏不适用于ipad上的嵌入式YouTube视频（在facebook中的盒子内）

Question

我在我的网站上加入了类似Facebook的盒子代码。但是出于某种原因，在iPad上观看时，嵌入的Youtube链接显示在iframe之外（其他内容没有）。我尝试用div包装并应用overflow: hidden但仍然没有快乐。

它可以在PC上的所有浏览器（包括Safari）上正常工作，因此我无法弄清楚这个浏览器的位置。

通常在嵌入视频中，我在嵌入代码中包含wmode="transparent"，通常会对其进行排序。但是因为Facebook生成代码所以我无法访问小部件中生成的内容。

任何帮助都会非常感激，因为我几天来一直在敲打着墙头。

干杯

HTML

<div id="fb-root">
    <iframe id="facebookscroller" 
            src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMorgan-Motor-Company%2F209507192406727&amp;width=450&amp;colorscheme=dark&amp;show_faces=false&amp;border_color&amp;stream=true&amp;header=false&amp;height=395"
            scrolling="no"
            frameborder="0"
            style="border:none; overflow:hidden; width:450px; height:395px;"  
            allowTransparency="false"
            wmode="transparent">
    </iframe>
</div>

CSS：

#fb-root {
    position: absolute; 
    top: 50px; 
    right: 10px; 
    z-index: 4;
    height: 395px;
    overflow: hidden;
    display: block;
}