h5 video层级太高导致浮在div上面，如何解决？

Question

h5 中使用video标签创建视频元素，部分安卓神机video的层级会变成最高，使用z-index不能解决，怎么办。

Answer 1

<video playsinline -webkit-playsinline ></video>

如果不行的话：

video{
    display : none;
}

setInterval(function(){
    canvas.getContext('2d').drawImage(video,0,0);
},16);

Answer 2

display : none;、visibility: hidden;

都没有效果

playsinline属性在 IOS 下确实有用，但是在安卓下不行。（参考：https://aotu.io/notes/2017/01...）

Answer 3

放绝对定位的容器里试试。

Answer 4

某些安卓的 webview 检测到video标签播放时会主动启动系统自带的播放器,浏览器被弹出的播放器覆盖了.

Answer 5

部分是指不支持Html5？？ 使用的是flash？？ flash会有object标签，这个会出现这个问题，iframe嵌套视频，只能这样了，做过海康等监控视频的集成，解释这样的现象，iframe解决的