javascript - 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

放絕對定位的容器裡試試。

Answer 3

某些安卓的 webview 偵測到video標籤播放時會主動啟動系統自帶的播放器,瀏覽器被彈出的播放器覆蓋了.