大家好，我是开源小妹！今天给大家介绍一款强大的HTML5视频播放插件。现在在网页中插入视频的需求越来越多了，自己写的话则需要考虑以下问题：

所以小妹在想是不是有一款开源项目把这些问题都考虑并解决了呢。经过小妹的寻找终于找到了，就是MuiPlayer。

MuiPlayer是一款H5视频播放插件，默认配置了精美可配置的播放控件，包括了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。支持 mp4、m3u8、flv 等多种媒体格式播放，解决大部分兼容问题，同时适应在PC、手机端播放。MuiPlayer 除了默认的简单配置，还具有丰富的参数可以自定义播放器实例，通过轻松的配置即可完成自定义场景的视频播放。

MuiPlayer提供了多种安装方式

通过npm安装

通过yarn安装

直接引入js文件也是可以的

下面小妹使用直接引入js的方式，体验一下MuiPlayer的功能吧！ 创建demo项目，目录结构如下：

创建Html文件

运行效果如下：

是不是使用起来很简单，很方便呢。当然MuiPlayer还可以进行其他的一些配置，例如：

除了以上的一些属性设置，还有其他的属性设置小妹就不在这里一一列举了，感兴趣的同学可以尝试MuiPlayer更丰富的设置。

MuiPlayer除了有属性设置，还提供的事件监听，用来处理适当的动作。

绑定监听事件之后可以看到如下日志信息。

MuiPlayer还提供了一些方法(接口)，用户可以自己控制一些播放器的行为动作，例如开启全屏、退出全屏等。

还有很多其他丰富的功能，小妹在这里就不一一介绍了，下面小妹对MuiPlayer做一下总结。

经过上面的简单介绍相信大家对MuiPlayer也有了大概的了解，MuiPlayer提供了丰富的配置和事件方便用户自己自定义场景，并且针对PC端和移动端有单独的扩展mui-player-desktop-plugin 和mui-player-mobile-plugin.js。