iPhone youtube视频z-index

Yuv*_*rmi 4 css z-index mobile-safari ios

我在页面中有一个嵌入式YouTube视频.我还有一个菜单(打开时)在该视频的顶部.

我已将菜单的z-index值设置为高于视频的值.我还设置了视频的wmode transparent以允许在其上面的内容.

我在safari中没有遇到任何问题,例如我的计算机上的chrome或firefox(菜单位于视频的顶部,应该如此),但在iPhone和iPad上 - 闪存内容被替换为大可点击的YouTube按钮,用于打开嵌入在youtube应用内的youtube,该大按钮位于菜单上方.有人知道如何解决这个问题吗?

谢谢!

Sot*_*ris 6

我不确定这是否是你需要的.jsbin.com上的实例会有所帮助.无论如何,我希望以下内容有用.您可以使用youtube提供的iframe方法播放其视频.如果浏览器支持html5将使用它显示视频,否则使用flash.此外,它与iphone/ipad完美搭配,无需打开iphone/ipad的应用程序.

您可以使用以下代码作为示例<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/bIPcobKMB94" frameborder="0">

在上面的例子中,视频ID是bIPcobKMB94.您可以更改此ID并显示您的视频.

您可以在这里使用iphone访问它的实例

更多关于youtube iframe的信息

YouTube HTML5视频播放器