酒浓码浓前端音视频之移动端/微信浏览器

前端音视频之移动端/微信浏览器

腾讯微信内嵌的浏览器&＃xff0c;打开H5页面下拉时我们可以发现其实质上是QQ浏览器X5内核。

X5开头的&＃xff0c;表示在微信浏览器中可以打开专有的H5模式&＃xff0c;以下介绍的属性中有些前缀带X5的需设置H5模式后才可生效&＃xff0c;文档也提供了在全屏及退出时等的回调事件&＃xff0c;安卓兼容要求浏览器版本>&＃61;7.1&＃xff0c;具体参阅文档 X5同层播放器。

常见问题&＃xff1a;

微信浏览器中默认非全屏播放&＃xff08;Android&＃xff09;:

x5-playsinline

默认非全屏播放&＃xff08;IOS&＃xff09;:

playsinline

webkit-playsinline

微信浏览器中X5模式全屏播放

x5-video-player-type&＃61;"h5"

微信浏览器中X5模式播放方向

x5-video-orientation&＃61;"h5"   默认portraint竖屏  &＃xff0c; landscape横屏&＃xff0c;landscape|portraint 自动

微信浏览器中X5模式全屏方式

x5­-video-­player­-fullscreen&＃61;"true"    false

微信浏览器中退出X5模式

样式设置 display:none

设置视频铺满&＃xff0c;居中等显示

样式设置 object-fit:fill等

移动端默认浏览器设置自动播放

muted

autoplay

支持Airplay技术的设备上

x-webkit-airplay&＃61;"allow"

微信浏览器中自动播放

综上为常见的问题&＃xff0c;如想知道为何&＃xff0c;请查看 原理篇~~~