Trust
Trust
  • 发布:2017-01-14 16:59
  • 更新:2023-09-21 10:29
  • 阅读:11972

【示例】iOS中使用video标签播放视频,禁止自动全屏的方案

分类:MUI

iOS中,使用video播放视频默认为全屏。可以通过以下配置,调整为非全屏。

解决方案

前端

video标签中添加playsinline属性

<video controls="controls" playsinline preload="auto">  
</video>

native层

Obj-C中,需要添加配置webview.allowsInlineMediaPlayback = YES;
Swift请查找相关API进行配置。

开发5+App,需要在manifest.json的plus节点下新增allowsInlineMediaPlayback节点为true。

"plus":{  
    "allowsInlineMediaPlayback": true  
}

开发及发布

有此需求的开发者,可下载HBuilder.ipa进行调试,并且使用最新的alpha版HBuilder打包。
alpha版HBuilder下载地址:https://pan.baidu.com/s/1hs0O4eS#list/path=%2F

正式版HBuilder更新后,即可正常使用。

参考

更多相关信息,请参考网上的相关解决办法。
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
https://www.zhihu.com/question/21094425
http://www.jb51.net/article/72732.htm

7 关注 分享
lhyh 张一三 豆 笑 m***@msn.cn 1***@qq.com c***@qq.com

要回复文章请先登录注册

b***@qq.com

b***@qq.com

苹果这个反人类,垃圾苹果,只会给人类制造麻烦。
2023-09-21 10:29
njtv

njtv

快一年了,无法禁止自动全屏,这个bug修复可能要等到人类登录火星吧
2021-02-08 15:50
全栈工程师

全栈工程师

回复 5***@qq.com :
很好解决啊
2020-07-21 17:55
5***@qq.com

5***@qq.com

老哥这个怎么用的啊,我现在进去就是全屏播放,东西都被挡住了
2020-07-17 17:31