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

hbuilder 视频播放

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2018-11-28

本文主要包含hbuilder 视频播放,hbuilder视频等相关知识,佚名希望在学习及工作中可以帮助到您

视频播放有3种解决方案,使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js。


  1. HTML5自带video标签,可以播放符合HTML5规范的视频格式。
    注意不含flv、ra等三方商业公司的规范格式。
    HTML5的video在Android上有较多浏览器兼容性问题,这里有篇网友分享的经典文章讲述了HTML5 video的使用注意,强烈推荐观看。
    http://ask.dcloud.net.cn/article/569
    注意事项,Android上使用video标签播放视频时,务必打开硬件加速,否则只有声音没有画面。
    HBuilder8.8.4以前的版本,在Android5的部分rom上是默认关闭硬件加速的,此时需强制打开硬件加速。创建webview时style里有个hardwareAccelerated参数,设置为true。
    硬件加速的详解参考文档http://ask.dcloud.net.cn/article/55
    视频全屏播放时有时不能自动横屏最大化,参考http://ask.dcloud.net.cn/article/1077
    HTML5自带video,如果想实现手势拖动进度,这里有篇参考文章http://ask.dcloud.net.cn/article/13263,但受限于HTML5的性能,拖动无法流畅跟手。
    iOS的视频播放,使用uiWebview和wkWebview有不同效果,wkWebview的视频播放自带AirPlay功能,可以直接连接电视。但需要注意wkWebview和uiWebview的差异,详见http://ask.dcloud.net.cn/article/1318

  2. plus.video的原生视频
    很多开发者对于HTML5自带视频有几处不满:
    a) 支持格式不丰富,比如flv
    b) 全屏后手势拖动不流畅,不能顺滑的拖动进度和音量、亮度
    在开发者提供直播推流时,5+引擎引入了专业视频解码库,也就顺便提供了plus.video的原生视频播放能力。
    但plus.video的原生视频播放会增加不少包体积,需要开发者自己平衡好需求。
    5+App里原生视频控件需要使用js创建,参考http://www.html5plus.org/doc/zh_cn/video.html
    uni-app里的video组件,默认不是HTML的video,默认就是原生video。
    使用原生video注意它的层级较高,覆盖原生控件,在5+app里使用plus.nativeObj.view,在uni-app里使用cover-view或plus.nativeObj.view都可以。

  3. 除了HTML5的video,开发者也可以在Android上使用Native.js调用系统播放器来放视频。
    但视频的播放进度等状态无法回传给js层。
     

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

  • hbuilder 视频播放

相关文章

  • 2017-05-31如何根据Geolocation获得的坐标获取所在城市?
  • 2017-05-31解决mui下拉刷新上拉加载占全屏的问题
  • 2017-05-31Hbuilder MUI 里如何复制粘贴?如何使用Native.js复制内容
  • 2017-05-31关于手机webview、默认浏览器、HBuilder边改边看浏览器的区别和兼容性
  • 2017-05-31HBuilder 打包生成APP的时候可以生成 IOS的 Bundle ID吗?
  • 2017-05-31mui+jqueryimagecroppe头像剪切功能分享
  • 2017-05-31HBuilder mui中的无等待窗体切换是如何实现的
  • 2017-05-31Native.JS能不能应用在web上??
  • 2017-05-31Hbuilder MUI拨打客服电话js代码
  • 2017-05-31HBuilder MUI 远程文件缓存到本地

文章分类

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

最近更新的内容

    • mui css 多行文本的溢出显示省略号(移动端)
    • mui.plusready和mui.ready 随先随后?
    • MUI 监听短信验证码并自动提交表单
    • Hbuilder MUI 用原生js添加或移除class属性
    • 提升HTML5的性能体验系列之四 使用原生UI(nativeUI)
    • MUI 分享微信朋友圈功能代码
    • hbuilder怎么关闭自动补全括号,花括号,双引号等功能
    • Hbuilder MUI 两个对象合并成一个对象
    • MUI跳转页面传值
    • MUI AJAX Raw请求数据

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

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