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

呵呵，一坨狗屎