阿里雲視頻點播在蘋果和安卓播放視頻的效果不一樣,在Android手機上,X5瀏覽器會劫持Video標簽用播放器彈出全屏播放,處於最上層,覆蓋DOM元素。導致頁面不能繼續滑動,現在想在安卓環境下播放視頻時頁面能夠繼續滾動。
根據阿里雲視頻點播文檔,需要在安卓端微信或qq瀏覽器啟用同層播放即可。按官方文檔及官方的demo在安卓微信環境瀏覽也有一樣的問題點擊播放后,只出來聲音畫面沒出來。
后來在網上找到方案:
可以初始化播放器的時候添加
extraInfo:{ "x5-playsinline":"" }, x5_type:""
因為現在阿里播放器是默認同層的,按文檔添加x5_type: 'h5'以后,android微信環境h5反而會出現播放視頻黑屏,只出聲音沒有畫面的情況。