最近項目中用到了video標籤,以前在Pc上的時候,問題雖然良莠不齊,可是基本功能仍是完善的,在這單獨說說它在微信下出現的狀況html
在微信中,ios下默認是全屏的,得設置html5
webkit-playsinline="true" /*這個屬性是ios 10中設置能夠讓視頻在小窗內播放,也就是否是全屏播放*/ x-webkit-airplay="true" /*這個屬性還不知道做用*/ playsinline="true" /*IOS微信瀏覽器支持小窗內播放*/
ios下自動播放和loop是沒有問題的,而且controls(視頻控件)的控制也是有效的,可是安卓下,不會自動播放,而且去不掉controls,loop的時候會從新調出視頻控件,賊幾把醜。。。
項目中我引用了
<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script> (騷粉系。。。 哈哈哈。。。) 咱們用的是MP4 ios下不能播,得ogg,這個能夠解決不一樣格式視頻不能播放的問題
另外你要知道。。。 安卓下微信內置瀏覽器是QQX5內核的 賊垃圾, ios下是Chrome內核 。。。