移动端video局部播放视频

前一阵子写了一个移动端视频播放 但是发现不能局部播放，只能全屏播放，话不多说，贴代码

<video ref="myVideo" id="myVideo" preload="auto" style="width:100%;height:4.22rem;" 
    :src="playItem.play.playUrl" 
    controls 
    webkit-displaying-fullscreen="false" 
    x-webkit-airplay="true" 
    x5-playsinline="true" 
    webkit-playsinline="true" 
    playsinline="true">
</video>

具体参考了苹果的开发文档