首頁  >  問答  >  主體

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 天前1212

全部回覆(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
  • 取消回覆