在IPAD上的YouTube视频上的DIV无法点击

时间:2012-08-16 17:20:28

标签: html css ipad youtube

我正在为iPad开发一个网页,我有一个问题:

我正在插入一个youtube视频(作为iframe)并需要一个div才能保持最佳状态。

我已经得到了它,在youtube视频的网址上使用“?wmode = transparent”,并使用z-index。

在PC上它工作正常,按预期工作,我可以随时点击顶部div。

在Ipad上,当第一次显示视频时,按预期工作,视觉div保持在视频顶部,我可以点击div内容。

当我点击youtube上的“播放”按钮时,视频已正确加载;但是当我点击div内容时,点击会传递给youtube播放器,div不再是可以解决的。

有什么建议吗?

编辑: Iframe看起来像这样:

<iframe style="width: 100%; height: 100%" src="http://www.youtube.com/embed/JQkActP-isE?wmode=transparent" frameborder="0" allowfullscreen=""></iframe>

Top div看起来像这样:

<div class="topdiv" style="position: absolute; right: -410px; width: 400px; display: block; background-color: rgb(255, 255, 255); z-index: 500000; background-position: initial initial; background-repeat: initial initial; ">

注意:播放视频时Div无法点击。

1 个答案:

答案 0 :(得分:0)

我在您的div中错过了 height 属性,这可能是问题所在。如果没有,那么您可以尝试使用此方法而不是iframe:

<object width="560" height="340" wmode="transparent">
            <param name="movie" value="http://www.youtube.com/v/rUL0M__g1k4">
            <param name="allowFullScreen" value="true">
            <param name="allowscriptaccess" value="always">
            <embed src="http://www.youtube.com/v/rUL0M__g1k4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340">
 </object>