我有一个视频标签播放mp4电影，有一些html＆amp; js控制浮动在顶部。控件有一些交互，可以拖动。我在我的Dropbox的公共文件夹中托管了一个精简版本（对任何linkrot，未来的人都道歉）：
https://dl.dropboxusercontent.com/u/846812/video_test/index.html
（注意 - 此链接在firefox中不起作用，因为firefox不支持mp4播放）
这适用于Chrome和Mac上的safari，但在我的iPad 1上的Safari中不起作用：html控件没有响应：看起来视频“占用”了所有的交互。
有一些关于这个问题的帖子，但是他们通常有一个微妙的不同要求：人们可以打开一个菜单来做东西，而当菜单打开时，视频可以被禁用，或隐藏，或本机控件残疾人，或类似的东西。在这种情况下，这是不可接受的：在播放视频时，html控件需要处于活动状态。基本上，这个想法是用户可以使用菜单在不同的视频之间切换，并且在播放视频时让菜单位于视频的顶部。此外，他们可以最大化/最小化html菜单，并理想地拖动它（拖动工作在chrome / safari-mac）。
这里有一些帖子谈论这个问题（或者html的相关问题根本没有出现）
iPad Safari mobile seems to ignore z-indexing position for html5 video elements
Mobile Safari: link (<a>) element over video element does not work on click
我基于此尝试过的事情：
1）设置3d样式规则： z-index：10; -webkit-transform：translateZ（0）; -webkit-transform-style：preserve-3d;
我可能会在这里遗漏一些东西。
2）bgiframe - iframe shenanigans https://github.com/brandonaaron/bgiframe
还有其他想法吗？谢谢！最大