我在一个页面上有一个视频元素,它在safari移动和桌面上都运行良好.我有一个透明的下拉菜单,工作正常.问题是,当菜单在视频元素上时,在桌面游戏中我可以看到菜单下的视频(根据需要),而在移动版本上,视频元素保持在前景(丑陋),无论我告诉什么css.有没有解决方法?

我正在使用BrightCove智能手机代码将HTML5视频标签写入页面.这段代码用视频标签替换了object标签,以便它可以在iphone和ipad上运行,仍然可以在不支持的浏览器中运行
我遇到的问题是这个动态写入标签的分层.它似乎不遵守z-index顺序,导致当有人滚过下拉列表时,我放在视频后面的视频上方的下拉菜单.
我目前正在开发支持ipad的视频播放器.
它更像是一个jquery插件.它在桌面上运行良好,我甚至设法在ipad上添加我的自定义控件.
到现在为止还挺好.
问题是我正在创建和动态插入视频元素,这有点混淆了ipad.我遵循这种方法,因为我发现(经过几个小时),如果你试图$.wrap将视频包装()到一个容器中,视频就会崩溃.
插入视频后,它几乎正常运行(可播放并响应事件),但它的位置/显示属性混乱:我无法在其上添加任何叠加.这是一个问题,因为我希望我的控件能够显示在视频之上.
此外,视频本身不响应正常touchmove touchstart touchend事件.经过一些研究后发现,如果您没有打开默认控件,视频会捕获所有事件(<touch>标签上的iPad触摸事件).
我的第二个问题是,在包含默认控件之后,视频元素似乎仍然忽略了我的事件处理程序.
所以,我的问题是(两者都只在Ipad案例中):