最近项目中用到了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内核 。。。