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

问题描述

问 题

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

解决方案

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

回答：不行

这篇关于html5 video在安卓大部分浏览器包括微信最顶层的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！