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

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

解决方案

\n

前端

\n

video标签中添加playsinline属性

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

native层

\n

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

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

"plus":{
"allowsInlineMediaPlayback": true
}
\n

开发及发布

\n

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

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

参考

\n

更多相关信息,请参考网上的相关解决办法。
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

要回复文章请先登录注册