一款优秀、开源的 HTML5 视频播放器

B站影视 2024-12-02 09:53 2

摘要: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',})

以上就能为初始化构建一个具有默认配置控件的视频播放器。

界面

播放字幕

播放弹幕

直播模式

多窗口播放

来源:散文随风想一点号

相关推荐