微信浏览器安卓手机video浮在最上层问题
微信浏览器安卓手机video浮在最上层问题
//x5-video-player-type="h5" x5-video-player-fullscreen="true"
<video id="video" src="http://200011112.vod.myqcloud.com/200011112_733d3cea0f8a11e7afae899fa40866b8.f0.mp4" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="background: rgb(0, 0, 0); width: 102.2%; height: 569px; margin-top: -1px; margin-left: -1.1%; margin-right: -1.1%;" id="video" loop="loop" width="100%" preload="auto" poster="" webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" controls="controls"></video>
在微信浏览器里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素。
<video id="videoID"webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"width="100%" height="100%"preload="auto" poster="" src="">
</video>
还有个问题,在Android的微信里面,就算加上了上面的属性,还会出现上下有黑边,不能全屏的问题。
解决办法:给video加上object-fit: fill;的style属性。
最新文章
- 基本动画CABasicAnimation - 完成之后闪回初始状态
- How to install Shadow•socks in CentOS7
- Linux驱动学习之驱动开发准备工作
- Node.js Web 开发框架大全《路由篇》
- Swift 遍历数组元素
- Null 与 “” 的区别
- BestCoder15 1002.Instruction(hdu 5083) 解题报告
- HDU 2767:Proving Equivalences(强连通)
- php 判断是否 是手机访问
- C语言每日一题之No.12
- javascript跳跃式前进(3) - 跳入JSON
- 微信接入arduino
- Nginx gzip参数详解及常见问题(已解决)
- js 整数型数组和字符型数组相互转换
- (转)Linux企业运维人员最常用150个命令汇总
- 【PAT】B1002 写出这个数
- 一句话说清楚cache和buffer
- 检测 C++ 内存泄露
- Hibernate -- lazy加载
- 深入浅出学习hibernate框架(三):java的反射机制