search

fxxqq / 6fedcom.github.io

frank的前端养成记(hexo博客)
https://6fed.com
22 stars 5 forks source link

移动端阻止视频自动全屏 #35

Open fxxqq opened 6 years ago

fxxqq commented 6 years ago

阻止 ios视频自动全屏的代码 添加 playsinline 和 webkit-playsinline="true"； 例如:

<video id="video" playsinline  webkit-playsinline ></video>

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

阻止安卓版微信 视频自动全屏的代码 添加 x5-playsinline 例如:

<video id="video" x5-playsinline ></video>

备注：此方法仅仅针对安卓版微信有效。