MuiPlayer是一个HTML5视频播放插件。 默认配置了精美可操作的播放控件,涉及常见的播放场景,如全屏播放、快进播放、循环播放、音量调节、视频解码等功能。
支持mp4、m3u8、flv等媒体格式播放,解决大部分兼容性问题,也适合在PC和手机上播放。
MuiPlayer具有丰富的参数来自定义播放器实例html5 video 兼容,通过简单的配置即可完成自定义场景的视频播放。
特征
MuiPlayer帮助我们解决日常H5视频应用开发中的一些常见问题:
各个浏览器平台的播放ui无法统一
很容易引起ui扩展和状态处理之间的冲突
在不同的环境(android、ios、pc)下,h5 video api可能出现干扰的时机是不同的
媒体格式存在各种兼容性问题,muiplayer处理了大部分不同环境下播放的兼容性问题
反复踩过h5视频开发过程中的一些坑html5 video 兼容,我们提供一整套解决方案,让开发者少走一些弯路
例子
1.使用模块管理器引入依赖:
import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'
2.定义播放器容器:
<div id="mui-player"></div>
3. 初始化并构建播放器:
// 初始化 MuiPlayer 插件,MuiPlayer 方法传递一个对象,该对象包括所有插件的配置
var mp = new MuiPlayer({
container:'#mui-player',
title:'Title',
src:'./static/media/media.mp4',
})
界面
项目地址
开源地址: