解决video标签在安卓微信或者ios下默认会全屏播放的问题

video 标签在部分的安卓微信和iOS的微信浏览器上点击播放会默认全屏展示

解决部分安卓默认全屏展示，给video标签加如下属性

x5-video-player-type="h5-page"

解决IOS的微信浏览器会默认全屏展示， 加这两个属性

webkit-playsinline playsinline

成品如下

<video webkit-playsinline playsinline x5-video-player-type="h5-page"></video>

附加：如果视频的背景色是黑色，想在页面看到的效果是黑色底背景变成透明背景可使用如下css，参考效果 链接

video {
  mix-blend-mode: screen;  
}

 

以上