摘要:MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节等功能。
MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节等功能。
支持 mp4、m3u8、flv 等多种媒体格式播放,解决大部分兼容问题,同时适应在PC、手机端播放。
MuiPlayer 具有丰富的参数可以自定义播放器实例,通过轻松的配置即可完成自定义场景的视频播放。
MuiPlayer 帮助我们解决了日常 H5 Video 应用开发中的常见的一些大量问题:
npm i mui-player --save使用 yarn 安装:
1、使用 script 标签引入:
或者使用模块管理器引入:
import 'mui-player/dist/mui-player.min.css'import MuiPlayer from 'mui-player'2、定义播放器容器:
3、初始化构建播放器:
// 初始化 MuiPlayer 插件,MuiPlayer 方法传递一个对象,该对象包括所有插件的配置var mp = new MuiPlayer({ container:'#mui-player', title:'Title', src:'./static/media/media.mp4',})以上就能为初始化构建一个具有默认配置控件的视频播放器。
界面
播放字幕
播放弹幕
直播模式
多窗口播放
来源:散文随风想一点号
免责声明:本站系转载,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!