首页 > 代码库 > 阻止 iPhone 视频自动全屏

阻止 iPhone 视频自动全屏

最近一年都在做直播,遭video 全屏的问题困扰了很久。
下面将阻止 ios视频自动全屏的办法写出来。
添加
playsinline 和 webkit-playsinline="true";
例如:
<video id="video" playsinline webkit-playsinline ></video>

备注:
  1、此方法仅仅针对 ios有效(safari、微信都有效)。
  2、
playsinline属性针对ios 10以上系统有效。
  3、
webkit-playsinline属性针对ios10以下系统有效。
  4、安卓目前没有办法(机型不一样自带浏览器也效果也不一样,有一部分浏览器是可以小窗播放的。)

阻止 iPhone 视频自动全屏