微信内置浏览器video标签自动全屏播放以及层级过高问题

今天事用html5的

1、ios:

只需要添加属性: 

x5-playsinline playsinline webkit-playsinline

即可解决。例:

2、安卓微信内置浏览器

经过查阅相关资料,安卓微信内置浏览器内核为x5,使用该内核的浏览器还有手机QQ京东等app的内置浏览器,仅添加上述属性,可以解决自动全屏播放的问题,但是会导致新的问题:video标签的层级过高,导致其他组件被遮挡,此时设置z-index属性无效。需要添加如下的属性即可解决。

x5-video-player-type="h5-page"

微信内置浏览器video标签自动全屏播放以及层级过高问题

非专业前端人员,如有问题或者其他思路,请给出建议。

另外,小米8的微信打开视频,不添加以上任何属性,没有任何问题,也很疑惑。麻烦大神帮忙解答一下,感谢。

本文由 @鲁小强 发布于 职涯宝 ,未经作者许可,禁止转载,欢迎您分享文章

发表评论

登录后才能评论
小程序
小程序
微信客服
微信客服
QQ客服 建站服务
分享本页
返回顶部