Home  >  Q&A  >  body text

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

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

大家讲道理大家讲道理2742 days ago1203

reply all(6)I'll reply

  • 天蓬老师

    天蓬老师2017-04-17 13:12:41

    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

    reply
    0
  • 高洛峰

    高洛峰2017-04-17 13:12:41

    Domain name whitelist.

    reply
    0
  • 高洛峰

    高洛峰2017-04-17 13:12:41

    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)

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-17 13:12:41

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

    reply
    0
  • PHP中文网

    PHP中文网2017-04-17 13:12:41

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

    reply
    0
  • PHPz

    PHPz2017-04-17 13:12:41

    Haha, what a piece of shit

    reply
    0
  • Cancelreply