前端音視頻之移動端/微信瀏覽器
騰訊微信內嵌的瀏覽器,打開H5頁面下拉時我們可以發現其實質上是QQ瀏覽器X5內核。
X5開頭的,表示在微信瀏覽器中可以打開專有的H5模式,以下介紹的屬性中有些前綴帶X5的需設置H5模式後纔可生效,文檔也提供了在全屏及退出時等的回調事件,安卓兼容要求瀏覽器版本>=7.1,具體參閱文檔 X5同層播放器。
常見問題:
微信瀏覽器中默認非全屏播放(Android):
x5-playsinline
默認非全屏播放(IOS):
playsinline
webkit-playsinline
微信瀏覽器中X5模式全屏播放
x5-video-player-type="h5"
微信瀏覽器中X5模式播放方向
x5-video-orientation="h5" 默認portraint豎屏 , landscape橫屏,landscape|portraint 自動
微信瀏覽器中X5模式全屏方式
x5-video-player-fullscreen="true" false
微信瀏覽器中退出X5模式
樣式設置 display:none
設置視頻鋪滿,居中等顯示
樣式設置 object-fit:fill
等
移動端默認瀏覽器設置自動播放
muted
autoplay
支持Airplay技術的設備上
x-webkit-airplay="allow"
綜上爲常見的問題,如想知道爲何,請查看 原理篇~~~