0

我使用视频标签显示视频，如果用户暂停视频我使用 div 显示视频标签的一些选项顶部，所有点击事件和 z-index 在桌面上的所有浏览器上都能正常工作，但有些我没有找到iPad的解决方案，即使我已经以编程方式更改了css但在iPad上没有运气，quicktime播放器和div z-index总是自动

$("#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"));
 });

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

4

2 回答 2

0

这是一个类似的 SO问题，其中有人确定移动 Safari 为视频标签切了一个洞，并且不允许在上面渲染任何内容。

不幸的是没有。

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

iPad 上的移动 Safari 为 Quicktime 窗口切了一个洞，该窗口使用内置的硬件加速来播放视频以延长电池寿命。（iPhone 和 iPod Touch 只需在单独的窗口中打开即可达到相同的效果。）

这个窗口不能很好地与页面上的其他 HTML 配合使用。事实上，我还没有找到让移动 Safari 在标签上显示任何内容的方法。我的猜测是，这是因为硬件加速只允许视频缩放和定位，并且一次只能处理一个视频。

虽然它有点旧，所以你可以尝试在 div 上设置 9999 z-index，而不是在 video 标签上设置 -1 z-index，但它可能不起作用。

于 2012-06-02T06:16:26.040 回答
0

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

隐藏选项时再次添加

这就是我们发现的黑客

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

谢谢

于 2012-06-04T12:07:42.913 回答