相关疑难解决方法(0)

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

可能重复:
iPad Safari mobile似乎忽略了html5视频元素的z-indexing位置

我正在使用BrightCove智能手机代码将HTML5视频标签写入页面.这段代码用视频标签替换了object标签,以便它可以在iphone和ipad上运行,仍然可以在不支持的浏览器中运行

我遇到的问题是这个动态写入标签的分层.它似乎不遵守z-index顺序,导致当有人滚过下拉列表时,我放在视频后面的视频上方的下拉菜单.

我正在iPad上构建一个支持javascript的画廊,可以显示图像和视频.要浏览图库,您可以向左或向右滑动(类似于iPad的照片应用程序).但是,在<video>元素上滑动时,我的触摸事件都不起作用.它似乎接管了我的触摸事件,即使是可能具有更高z-index的元素也是如此.我尝试添加一个调用e.preventDefault()的touchmove处理程序,但这似乎也不起作用.有没有其他人遇到这个问题并找到了解决方案？

我有Ooyala提供的视频,可以在所有设备上播放.当用户在iPad上并尝试通过下拉子窗口查看页面时,会出现此问题.该subnav的每个部分无非是ul>li和div隐藏,并通过CSS所示.当视频正在播放或暂停时(不是在加载时)并且用户点击主导航(以显示相应的子窗口),子窗口覆盖视频.但是,这些链接都没有响应水龙头.当尝试点击子空间链接时,视频会响应,就好像它被点击一样(显示擦除器).

我已经尝试了 各种各样的解决方案,包括弄乱z-index所有相关元素,都无济于事.有什么我想念的吗？

如果您想亲自尝试一下,请在iPad上访问http://www.cordblood.com,点击(或等待)第二张(或第三张或第四张)幻灯片,点击"观看视频",点击播放(如果你愿意,也可以暂停视频),点击主导航,然后尝试点击子视频显示的其中一个选项.