+
95
-

回答

可以实现video的属性webkit-playsinline="true"与playsinline="true" 

 这个属性是ios 10中设置可以让视频在小窗内播放,即不全屏播放

IOS微信浏览器支持小窗内播放

video标签属性介绍

<video
  muted /*静音播放属性,微信环境中可删除*/ 
  src="autoplay.mp4"  /*资源地址*/ 
  poster="images/poster.jpg"   /*资源封面*/ 
  preload="auto"   /*是否自动播放*/ 
  webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,即不全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow" /*使此视频支持ios的AirPlay功能*/
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置,设置为 true 是防止横屏*/>
  x5-video-orientation="portraint" /*播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏*/
  style="object-fit:fill"> /* 图片覆盖属性 object-fit: fill|contain|cover|scale-down|none|initial|inherit;*/>
</video>

如果要打开页面非全屏自动播放的话,就要让视频静音,muted,否则打开页面需要手动触摸播放

网友回复

我知道答案,我要回答