移動(dòng)端 HTML5 video 視頻兼容性問(wèn)題

PS:不是伸手黨問(wèn)題

最近在做一個(gè)移動(dòng)端頁(yè)面的視頻播放的時(shí)候遇到些問(wèn)題。

1、自動(dòng)播放

IOS本身是禁止自動(dòng)播放的，需要由用戶手動(dòng)觸發(fā)，IOS 微信瀏覽器中可以借助 jssdk 的 wx.ready(()=>{}) 里面進(jìn)行自動(dòng)播放去實(shí)現(xiàn)，但是這種方法在安卓微信上有失效了。（安卓現(xiàn)在還在用X5核？）

有沒(méi)有比較兼容的解決方案？

2、全屏或響應(yīng)式問(wèn)題

我遇到的這個(gè)問(wèn)題主要是在全屏的時(shí)候，會(huì)加載系統(tǒng)原生的 controls，可以隱藏，但是又無(wú)法觸發(fā) ended事件后隱藏掉播放畫(huà)面，必須由用戶主動(dòng)關(guān)閉才行。這個(gè)也有些難受。

3、canplay 和 canplaythrough 都無(wú)法觸發(fā)

在測(cè)試的時(shí)候發(fā)現(xiàn)，由于IOS的限制，這兩個(gè)時(shí)間包括很多事件都是失效的或者視頻播放了才有效果。包括 readyState

如果要借助 canplaythrough 有什么兼容性的方案嗎？

4、video.js

這個(gè)問(wèn)題有點(diǎn)伸手。

video.js 試了試但是感覺(jué)龐大了，而且也不是特別好用，經(jīng)常白屏。

如果只是移動(dòng)端上的視頻兼容性方案，是否有更好的替代庫(kù)？