3

我正在为 iPad 开发一个网页，但我遇到了一个问题：

我正在插入一个 youtube 视频（作为 iframe）并且需要一个 div 来保持它的顶部。

我已经知道了，在 youtube 视频的 URL 上使用“?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>

顶部 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 变得不可点击。

4

1 回答 1

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>
于 2013-04-08T10:13:21.440 回答