• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > mui iOS中使用video标签播放视频,禁止自动全屏的方案

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

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含mui video,mui a标签,mui a 标签进去 页面,mui 标签,mui a标签跳转等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 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

您可能想查找下面的文章:

  • mui iOS中使用video标签播放视频,禁止自动全屏的方案

相关文章

  • 2017-05-31mui.preload和plus.webview.create是不是一样的?
  • 2017-05-31安卓5.0页面打开,会有非常严重的闪屏现象,求解决?
  • 2017-05-31用H5+开发的APP,其安全性如何?存不存在后门漏洞
  • 2017-05-31Hbuilder 常用快捷键汇总
  • 2017-05-31mui开发之plusready和init
  • 2017-05-31MUI 监听短信验证码并自动提交表单
  • 2017-05-31mui相机拍照、相册上传图片示例
  • 2017-05-31hbuilder mui 录音文件与Base64编码相互转换的方法
  • 2017-05-31Uncaught TypeError: Cannot read property 'value' of undefined at js/mui.min.js:9;
  • 2017-05-31HBuilder mui 里js动态添加数字输入框后,增加 减少按钮无效

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HBuilder是免费的吗?会收费吗?
    • HBuilder百度地图显示不出来怎么解决?
    • Hbuilder MUI 微信支付、分享、登陆说明
    • Hbuilder MUI 微信支付返回-1错误的经历
    • MUI版本升级更新程序IOS和andriod
    • 选项卡切换+下拉刷新+动态获取数据
    • Hbuilder MUI 两个对象合并成一个对象
    • MUI分享链接到微信好友、朋友圈、QQ好友
    • mui中popover顶部弹出菜单位置不准确以及无法收回的问题
    • 解决app内部打开外部网站的问题?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有