锐客网

  1. 首页 > 睿知 > it技术 > >

微信浏览器安卓手机video浮在最上层问题

IT知识安卓手机微信浏览器浏览器

行是知之始,知是行之成。这篇文章主要讲述微信浏览器安卓手机video浮在最上层问题相关的知识，希望能为你提供帮助。
/*   http://blog.csdn.net/kepoon/article/details/53608190  */
//x5-video-player-type="h5" x5-video-player-fullscreen="true" 
< video id="video" src="http://img.readke.com/220427/02561J034-0.jpg" 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浮在最上层问题】解决办法：给video加上object-fit:  fill; 的style属性。

    推荐阅读


    上一篇：app与后台的tokensessionIdRSA加密登录认证与安全解决方案

    下一篇：Android 自定义简单控件--星级评价