现象说明:在页面中使用video元素,页面是有个活动规则按钮,规则作为弹窗出现,发现video元素在规则页面之上。且修改双方的层级z-index都不起作用(安卓出现该现象,video元素在最上层,iOS显示正常)。
video元素在为播放之前,和普通元素一样,z-index是生效的。但是在播放之后,这个元素就改变了,不在是页面的元素,而是被浏览器接管(安卓),和文档不在一层了,所以z-index是无效的。
在video元素加上x5-video-player-type=“h5”,意思是启动h5播放器,而不使用默认的浏览器播放,虽然层级现象正常了,但是会产生一个新的问题,视频播放窗口改变了,播放的时候,视频单独在一个页面播放,不是在原来定义的窗口播放。
解决方法:未解决。