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

Official QA describes it like this:
http://x5.tencent.com/guide?id=2009

I also have questions to ask. I'm working on an HTML5 page, which uses the video tag to play a video, but this video is always displayed at the top level. No matter how I adjust the z-index attribute, it doesn't work. I hope to display some text or pictures on the video. However, this problem behaves normally on PC, Apple ios, or other browsers. The only problem is the QQ browser or WeChat built-in browser under the Android system. Please give me some guidance. (May 12)

Answer: X5 core video playback uses a self-developed player. Considering user experience, we use a unified playback interface. If you have related questions, please contact Tencent Browsing Service Product Manager for further communication

You can contact the product manager to try =w=

---

Including using canvas to draw video content (it is not easy to come up with this trick) is also not allowed:
http://x5.tencent.com/guide?id=2004

I want to use canvas to play videos in order to avoid inconsistent performance of video tags on different systems/devices and some pain points at the video level. But I found that it doesn't work on Android devices, but it works perfectly on iOS.

Answer: No

Answer 2

Domain name whitelist.

Answer 3

By setting the video tag to absolute positioning and removing the visible area, you can cover things on the video. However, one drawback is that the video image cannot be seen and the sound is still playing. (iphone’s qq browser still doesn’t work)

Answer 4

It is composed of a silent mp4, a canvas, and several mp3s. As for how the drawing is called on WeChat, it is unknown

Answer 5

Tencent official seems to be following up on this feature http://bbs.mb.qq.com/thread-1242581-1-1.html?ptlang=2052

Answer 6

Haha, what a piece of shit