検索

ホームページ  >  に質問  >  本文

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

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

大家讲道理大家讲道理2786日前1249

全員に返信(6)返信します

  • 天蓬老师

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

    官方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上完美运行。

    回答:不行

    返事
    0
  • 高洛峰

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

    域名白名单。

    返事
    0
  • 高洛峰

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

    把video标签的设置绝对定位,移除可视区域,就能在视频上盖住东西,但有个缺点就是视频图像看不到了,声音还在播放。(iphone 的qq浏览器还是不行)

    返事
    0
  • 天蓬老师

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

    一个无声的mp4加一个canvas,再加若干个mp3组成的,至于在微信上是如何调用到绘图的,就不得而知了

    返事
    0
  • PHP中文网

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

    腾讯官方好像在跟进这一块功能http://bbs.mb.qq.com/thread-1242581-1-1.html?ptlang=2052

    返事
    0
  • PHPz

    PHPz2017-04-17 13:12:41

    呵呵,一坨狗屎

    返事
    0
  • キャンセル返事