作者:汪娇娇
时间:2017年1月17日
问题其实很简单,就是h5的video视频如何在iPhone上不全屏显示,并且自动播放。
测过就知道,只要在video上加一个autoplay属性,就可以在iPad或者Browser上自动播放;给video加一个宽高,就可以在iPad或者Browser上不全屏播放。但在iPhone上用这方法简直免谈。
话不多说,直接说方法。
HTML(加webkit-playsinline和autoplay属性)
代码语言:javascript复制<video id="player" width="480" height="320" webkit-playsinline autoplay>
Obj-C
代码语言:javascript复制webview.allowsInlineMediaPlayback = YES; //允许内屏播放
webview.mediaPlaybackRequiresUserAction = NO; //自动播放
这样就OK啦,不过仅支持ios10及以上。
注:video的src最好写绝对路径,不然视频播放不了,大家可以去测测。