做过移动端video的人应该都知道这个bug吧,然后呢,发现一个网站,居然能躲过这个bug,链接为:
http://hyrz.qq.com/act/a20160113muyecun/index.html?from=timeline&isappinstalled=0&hydir=2&
用抓包看不是用图片啊,我就郁闷了,然后把html代码弄过来发现我这边不行(还是最顶层),最后有人说了,
必须是qq.com域名下的视频才会被X5引擎处理成和IOS一样的算法。 其它域名一律都用带边框的内置播放器。
这就是就是坑爹嘛
天蓬老师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上完美運行。
回答:不行
高洛峰2017-04-17 13:12:41
把video標籤的設定絕對定位,移除可視區域,就能在影片上蓋住東西,但有個缺點就是視訊影像看不到了,聲音還在播放。 (iphone 的qq瀏覽器還是不行)