Trust
Trust
  • 发布:2017-01-14 16:59
  • 更新:2017-01-14 16:59
  • 阅读:4871

【示例】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

6 关注 分享
lhyh 张一三 豆 笑 mike_shaledian@msn.cn 1870392795@qq.com

要回复文章请先登录注册