您现在的位置是:网站首页> HTML&JS
阻止 iPhone 视频自动全屏
- HTML&JS
- 2023-02-18
- 771人已阅读
摘要
最近一年都在做直播,遭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、安卓目前没有办法(机型不一样自带浏览器也效果也不一样,有一部分浏览器是可以小窗播放的。)
--------------------
更新 2017-11-6
阻止安卓版微信 视频自动全屏的代码。
添加 x5-playsinline
例如:
<video id="video" x5-playsinline ></video>
备注:此方法仅仅针对安卓版微信有效。
下一篇:关于本小站排版混乱问题