解决微信video全屏的问题,不在本页面播放

Posted 李俊涛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决微信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>

 

其中最主要的是两个东西,一个是webkit-playsinline="true"这个 ,本来我的video在ios中 是跳全屏播放的,加了一个这样的属性就不跳了,

但是安卓微信里面,又开始自动跳全屏播放了,后来我又加了一个这样的属性x-webkit-airplay="true"  安卓也好了,很神奇,如果你遇到类似的问题可以去试试,或许会好的呢!!

 

以上是关于解决微信video全屏的问题,不在本页面播放的主要内容,如果未能解决你的问题,请参考以下文章

微信内置浏览器video标签自动全屏的问题

H5.video在微信中禁止全屏播放视频和直播流

html5开发,iphone中的微信内置浏览器如何让video标签的视频不全屏

解决微信浏览器内video全屏问题

关于ios浏览器及各机型微信浏览器的video控件

跳出小程序 video组件 卡顿黑屏全屏等坑