移动端视频不全屏播放

因为中秋国庆两个节假日，又因为所做工作的业务，这两星期任务繁忙，所以这两星期没有更新内容。

最近因为活动有涉及视频，希望视频播放可以不全屏，这是之前就没有解决的问题，于是我这边查了好多资料。这边不得不说一下，以后百度不到的东西可以去知乎寻找。

当然，不知道是不是只有我现今认识和所处环境不知道这个实现的属性，其实这已经是总所周知的事情，如果是请各位谅解本人的局限性。

阻止视频全屏播放特别简单，三个属性：

x5-playsinline=""

playsinline=""

webkit-playsinline=""

加上这三个属性就能阻止视频全屏播放。

亲测Android、IOS在微信、QQ可用，至于会不会出现其他兼容性问题不敢保证。唯一的一点就是加上这三个属性之后，视频是层级最高的，类似加了定位fixed，所以还需要看需求使用。

欢迎关注Coding个人笔记 公众号

转载于:https://juejin.im/post/5c52c385f265da2d8e70b962