html5 video在安卓大部分浏览器包括微信最顶层的问题

Question

做过移动端video的人应该都知道这个bug吧，然后呢，发现一个网站，居然能躲过这个bug，链接为：
http://hyrz.qq.com/act/a20160113muyecun/index.html?from=timeline&isappinstalled=0&hydir=2&
用抓包看不是用图片啊，我就郁闷了，然后把html代码弄过来发现我这边不行（还是最顶层），最后有人说了，
必须是qq.com域名下的视频才会被X5引擎处理成和IOS一样的算法。 其它域名一律都用带边框的内置播放器。
这就是就是坑爹嘛

Answer 1

官方QA是這樣描述的：
http://x5.tencent.com/guide?id=2009

我也有問題想問。我在做一個HTML5頁面，其中使用video標籤播放視頻，但是這個video是總是表現在最頂層，無論怎樣調節z-index屬性都不起作用，我希望可以在視頻上展示一些文字或圖片。然而這個問題在PC端和蘋果ios，或其他瀏覽器表現正常，唯獨是在android系統下的QQ瀏覽器或微信內置瀏覽器表現有問題，求大神指導一下。 （5月12日）

回答：X5核心影片播放使用了自研的播放器，考慮使用者體驗，我們使用了統一的播放介面。如果有相關問題，請聯絡騰訊瀏覽服務產品經理做進一步交流

可以聯絡產品經理試試=w=

---

包括用canvas來繪製video內容（想出這一招也是不容易）也是不被允許的：
http://x5.tencent.com/guide?id=2004

我想用canvas來播放視頻，目的是為了避免video標籤在不同系統/設備上的表現不一致以及video層級上的一些痛點。但發現在安卓設備上走不通，而ios上完美運行。

回答：不行

Answer 2

網域白名單。

Answer 3

把video標籤的設定絕對定位，移除可視區域，就能在影片上蓋住東西，但有個缺點就是視訊影像看不到了，聲音還在播放。 （iphone 的qq瀏覽器還是不行）

Answer 4

一個無聲的mp4加一個canvas,再加若干個mp3組成的，至於在微信上是如何調用到繪圖的，就不得而知了

Answer 5

騰訊官方好像在跟進這一功能http://bbs.mb.qq.com/thread-1242581-1-1.html?ptlang=2052

Answer 6

呵呵，一坨狗屎