最近在做小视频分享活动,发现分享到微信浏览器的小视频在播放时候会自动全屏.
经过一番查找和测试,现在找到了解决方案,代码如下:
<video class="video-js vjs-big-play-centered" id="myvideo" controls preload="auto" height="100%" width="100%" playsinline webkit-playsinline x5-playsinline="true">
<source src="http://ivi.bupt.edu.cn/hls/btv6hd.m3u8" type="application/x-mpegURL">
</video>
注意这里面的代码:
playsinline 和 webkit-playsinline 是设置ios播放时候禁止自动全屏,因为ios的微信浏览器默认的是chrome内核.
x5-playsinline=“true” 是禁止安卓手机在微信浏览器里面播放自动全屏问题,因为安卓的微信浏览器默认的是x5内核.