MuiPlayer 是一款 HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节等功能。

支持 mp4、m3u8、flv 等多种媒体格式播放，解决大部分兼容问题，同时适应在PC、手机端播放。

MuiPlayer 具有丰富的参数可以自定义播放器实例，通过轻松的配置即可完成自定义场景的视频播放。

特点

MuiPlayer 帮助我们解决了日常 H5 Video 应用开发中的常见的一些大量问题：

1、各浏览器平台播放 ui 不能统一

2、ui 扩展之间以及状态处理容易产生冲突

3、在不同环境下(android、ios、pc)针对 h5 video api 可能触发事件的时机尽不相同

4、媒体格式存在各种兼容问题，muiplayer 处理了大多数在不同环境下播放的兼容问题

5、重复踩踏在开发 h5 video 过程中的一些问题，我们提供了一套完好的解决方案，让编程员少走一些弯路

安装

使用 npm 安装：

npm i mui-player --save

使用 yarn 安装：

yarn add mui-player

 使用

1、使用 script 标签引入：

<!-- import basic style files mui-player.min.css -->
<link rel="stylesheet" type="text/css" href="css/mui-player.min.css"/>

<!-- import basic script mui-player.min.js -->
<script type="text/javascript" src="js/mui-player.min.js"></script>

<!-- Specify the player container -->
<div id="mui-player"></div>

2、或者使用模块管理器引入：

<div id="mui-player"></div>

3、初始化构建播放器：

// 初始化 MuiPlayer 插件，MuiPlayer 方法传递一个对象，该对象包括所有插件的配置
var mp = new MuiPlayer({
container:'#mui-player',
title:'Title',
src:'./static/media/media.mp4',
})

以上就能为初始化构建一个具有默认配置控件的视频播放器，下面你可以阅读关于 MuiPlayer 的一些 API 基础配置选项。

• 广东省竣工验收资料统一用表（建筑、安全、市政）
• 1860手机游戏盒子 For Android
• 蓝牙遥控器
• 网易公开课免费课程
• 销售货物清单打印管理系统(免安装版)
• 淘宝直通车优化系统
• 销售货物或者提供应税劳务清单打印系统
• 大掌柜进销存软件
• 研科软件驱动安装说明(电话录音盒)
• 1000款国产进口汽车信息快速查
• 华新财务软件
• e-book电子书阅读器
• 股市乾坤金融终端炒股入门选股软件
• SurgeMail Mail Server
• SurgeMail Mail Server
• UC浏览器 For Java 带证书版
• 无忧直通车
• Jutoh
• MaCross Mobile手机浏览器 for PPC
• 杰软血液净化治疗中心智能管理系统
• 我爱学音标
• 族脉家谱
• 易图电脑行业管理系统-WEB运筹帷幄版
• 风速商务管理系统
• 奥斯在线茶叶进销存系统
• 困难岛
• 僵尸时代 Zombie Age
• 梦幻球
• 米娜的炸弹
• 微客户端
• 战魂Online
• 龙卷风追火鸡
• 摩托大赛2013
• 办公室大作战
• MINECRAFT超级导游
• 伪造的艺术(精)
• 生命的守望者
• 你是夏天我是叶
• 动物小说大王的内心独白
• 城市滨水景观的艺术至境
• 你不要再惹别人哭
• 风雨如磐忆江南(陈范有与江南水泥厂)
• 苏州郊区方言研究
• 奢婚(原名前夫靠边站)
• 苏州之路诠释公共文化服务的现代化道路--苏州市创建国家公共文化服务体系示范区的探索和实践(精)
• 武圣关公
• 双响炮
• 刑警使命
• 青鸟的天空
• 谁是最爱你的人
• 牡丹与玫瑰
• 抢滩大上海
• 栋笃神探
• 残剑震江湖
• 生死卧底