如何让H5 video标签在移动端，不默认全屏播放。

参考美拍，优酷，微视等移动端H5页面。他们皆可不全屏播放video。

!!!不要跟我说

可以在 video 标签上加一个 “webkit-playsinline” 属性

很明显这是不可以实现的，不管是Ios还是安卓都一样还是照旧全屏播放

求大神，求大牛解答

html5 webkit-playsinline

阅读 42.9k

5 个回答

✓ 已被采纳

补充一下这个问题的原因：
各个手机浏览的VIDEO的操作不同。
iphone 除非本身页面是APP内歉页，配合APP本身对H5 webview的操作，可以实现视频播放不全屏

andriod 6.0以上开始。小米手机等，就开始默认video标签。不会默认全屏播放。

所以在这里点出来。

另外谢谢2位的回答

逩跑的蝸犇

发布于
2016-01-25

新手上路，请多包涵

x-webkit-airplay="true"
webkit-playsinline="true"
这样写，试试！

白一梓

3.2k137089

发布于
2016-01-25

webkit-playsinline="true"必须配合应用内部的API来使用，单独使用没有意义。http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

koila

发布于
2017-09-22

更新于
2017-09-22

新手上路，请多包涵

H5的同层播放可以解决问题，可以参考这个项目
微信小窗播放视频

图片描述

onceshine

13136

发布于
2017-11-08

更新于
2017-11-08

虽然问题过去很久了......
<video x5-playsinline="" playsinline="" webkit-playsinline="" ></video>
测试：Android6.0 ，在浏览器和微信中不全屏播放

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

如何让H5 video标签在移动端，不默认全屏播放。

你尚未登录，登录后可以

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

怎么用css 实现这个形状？

关于标签上的事件绑定生效？

安卓+h5如何传输文件引用？

小程序打开h5时，下载失效？