视频播放 -- 全屏处理
在移动端浏览器, video 在用户点击播放或者通过 API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验,但有时候开发者希望能自己控制是否全屏从而实现其他需求
playsinline 取消全屏
如果想实现不全屏播放,只需在 video 标签加个 playsinline 属性即可,这个属性在基于 webkit 内核的移动端浏览器基本没问题,实在不行就再加个 webkit - playsinline
国内常见的 PC 浏览器如 UC 浏览器、 QQ 浏览器、百度手机浏览器、 360 安全浏览器、谷歌浏览器、搜狗手机浏览器、猎豹浏览器以及移动端的 UC 、 QQ 、百度等手机浏览器都是根据 Webkit 修改过来的内核,本质上我们可以认为市场上移动端用户使用的基本上都是 webkit 内核或者基于 webkit 内核做修改的浏览器,所以 playsinline 的兼容性非常好!