Question

我使用视频标签显示视频，如果用户暂停视频我使用div显示视频标签顶部的一些选项，所有点击事件和z-index在桌面上的所有浏览器上都能正常工作，但有些我怎么做'为iPad发现任何解决方案，即使我已经以编程方式更改了css但是在iPad上没有运气，即使我已经自动更新了快速时间播放器

$("#video_screen").bind("pause",function(){
        $("#video_screen").css("z-index","-1");
        $("#videoOptionsDiv").show();
        alert("Seek Time:"+$("video").attr("currentTime")+" ms");
        $("#notif").slideDown("fast");
        alert("video "+$("#video_screen").css("z-index"));
        alert("optionaction "+$("#optionActions").css("z-index"));
 });

这是我的代码，仅适用于桌面浏览器

Answer 1

这是一个类似的SO question，有人确定移动版Safari会为视频标记打开一个洞，并且不允许任何内容渲染。

不幸的是没有。

根据我对iOS目前的工作经验和理解，   这是不可能的。

iPad上的Mobile Safari为Quicktime窗口打开了一个漏洞   使用内置的硬件加速来播放视频   改善电池寿命。（iPhone和iPod Touch只需将其打开即可   单独的窗口，以达到同样的效果。）

此窗口与页面上的其他HTML无法很好地匹配。在   事实上，我还没有找到让移动Safari显示任何东西的方法   在标签上。我的猜测是，这是因为硬件   加速仅允许视频缩放和定位，以及   它一次只能处理一个视频。

它虽然有点旧，但您可以尝试在div上设置9999 z-index而不是在视频标签上设置-1 z-index，但它可能无效。

Answer 2

我找到了一个解决方案，当菜单出现在视频的顶部时，我刚刚删除了控件，所以它没有触发视频的触摸事件。它们根据控件设置优先级，因此如果您只是删除控件，则可以检测重叠元素的触摸事件。

隐藏选项

时再次添加

这就是我们被发现的黑客

希望这个答案对任何人都有帮助

谢谢

触摸事件不能与ipad上的叠加div的z-index一起使用

2 个答案: