微信video全屏问题

1

做微信扫码打开链接播放视频的同志们注意了,使用video播放会全屏,这是一个很另人苦恼的事,,心理对张小龙xxx,但又有什么用呢,下面来介绍下解决方案

方案一加私有属性

<video
  id="videoALL" 
  src="video/01.mp4" 
  poster="images/1.jpg" /*视频封面*/
  preload="auto" 
  webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow" 
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置,设置为 true 是防止横屏*/
  x5-video-orientation="portraint" /*播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏*/
  style="object-fit:fill">
</video>

可以试一下。。。

接下来要思考了,为什么腾讯视频不会全屏呢,只能说明自家人使用要那么多限制干嘛,但细心的同学会发现,如要我们要把视频上传到腾讯视频然后复制链接不就行了吗,嗯,不错,可以一试。。

所以方案二就是上传到腾讯视频后再用

至于方案三,相信很少有人能发现,那就是视频格式问题,这个视频格式一定要是立体声的
图片描述

所以做之前最好要对照一下。。。如果不对要使用视频格式转换器了。。

你可能感兴趣的

载入中...