HTML5 video视频的playsinline和autoplay

摘要: video，inline播放，自动播放

作者：汪娇娇

时间：2017年1月17日

问题其实很简单，就是h5的video视频如何在iPhone上不全屏显示，并且自动播放。

测过就知道，只要在video上加一个autoplay属性，就可以在iPad或者Browser上自动播放；给video加一个宽高，就可以在iPad或者Browser上不全屏播放。但在iPhone上用这方法简直免谈。

话不多说，直接说方法。

HTML（加webkit-playsinline和autoplay属性）

<video id="player" width="480" height="320" webkit-playsinline autoplay>

Obj-C

webview.allowsInlineMediaPlayback = YES;        //允许内屏播放
webview.mediaPlaybackRequiresUserAction = NO;   //自动播放

这样就OK啦，不过仅支持ios10及以上。

注：video的src最好写绝对路径，不然视频播放不了，大家可以去测测。