我在页面中嵌入了YouTube视频。我还有一个菜单（打开时）在该视频之上。
我已将菜单的z-index值设置为高于视频的值。
我还将视频的wmode设置为transparent，以允许在其上添加内容。
我在safari中没有遇到任何问题，例如我的计算机上的chrome或firefox（菜单位于视频顶部，应该如此），但在iPhone和iPad上 - 闪存内容被取代使用一个可点击的大按钮youtube按钮打开嵌入youtube应用程序内部的youtube，该大按钮位于菜单上方。有人知道如何解决这个问题吗？
谢谢！
答案 0 :(得分：6)
我不确定这是否是你需要的。 jsbin.com上的实例会有所帮助。无论如何，我希望以下内容有用。 您可以使用youtube提供的iframe方法播放其视频。如果浏览器支持html5将使用它显示视频，否则使用flash。它还可以在没有打开iphone / ipad的应用程序的情况下与iphone / ipad完美搭配。
您可以使用以下代码作为示例＆lt; iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/bIPcobKMB94" frameborder="0">
在上面的例子中，视频ID是bIPcobKMB94。您可以更改此ID并显示您的视频。
您可以通过iphone访问它的实时示例here
答案 1 :(得分：4)
ipad和Iphone不幸地不显示flash内容。它使用h.264版本的视频。
因此，它实际上播放内容并设置Flash文件的Wmode的完全不同的插件不会有任何区别。
修改 我看了，我没有ipad / sefari / iphone问题的解决方案。
答案 2 :(得分：2)
我也遇到了这个问题。为代码添加参数"wmode=transparent"后
<iframe width="480" height="360" src="http://www.youtube.com/embed/111111?wmode=transparent" frameborder="0" allowfullscreen></iframe>，
问题得到解决。
答案 3 :(得分：0)
我怀疑用于切换内容的应用程序正在内联设置z-index级别。我会找到该元素的id（按钮或它的容器）并将z-index设置为低于菜单z-index。请务必在值后面加上“！important”，以确保它覆盖内联样式。