jquery - 嵌入式 YouTube 视频不适用于溢出 :hidden

Question

在 Apple 移动设备上观看时，我遇到了 YouTube 视频破坏 jQuery slider 的问题。 slider 使用设置宽度和高度的窗口，该窗口使用 overflow:hidden 属性。它在所有浏览器中看起来都很棒，但 Apple 设备除外，在这些浏览器中，所有幻灯片都是连续可见的，就好像 overflow:hidden 属性没有生效一样。

有什么办法可以解决这个问题吗？我难住了!谢谢大家。

网站链接:http://dwproductsllc.com/

嵌入视频代码:

<li>
<object width="409" height="257"><param name="movie" value="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="409" height="257"></embed></object>
</li>

Answer 1

在这种情况下，现在很奇怪剪辑在 Apple 设备上不起作用；它是闪光灯。

现在，通常这不是问题，因为 YouTube 向 Apple 设备提供 HTML5 剪辑。

我不知道为什么这里不是这种情况 - 我猜是因为您最近上传了它(可能需要一段时间)。和/或您没有列出剪辑，可能 YouTube 不支持此类剪辑的 HTML5。

虽然我没有看到您的代码有任何重大错误(我可能会使用稍微不同的方式)。尝试在 slider 中设置另一个剪辑并测试它是否有效 - 然后您可以排除您的代码并转而责怪 YouTube。