代码拉取完成,页面将自动刷新
同步操作将从 muiplayer/hello-muiplayer 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节等功能。
支持 mp4、m3u8、flv 等多种媒体格式播放,解决大部分兼容问题,同时适应在PC、手机端播放。
MuiPlayer 具有丰富的参数可以自定义播放器实例,通过轻松的配置即可完成自定义场景的视频播放。
MuiPlayer 帮助我们解决了日常 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>
或者使用模块管理器引入:
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',
})
以上就能为初始化构建一个具有默认配置控件的视频播放器,下面你可以阅读关于 MuiPlayer 的一些 API 基础配置选项。
前往 参数API
启动此工程
npm install
npm start
心之所向,未来可期。一个有拥有较真坏毛病的开发者对待了 MuiPlayer 的每一个细节,致此开源。如果您喜欢或者正在准备使用这个播放插件,不妨 Star 收藏这个项目,感谢您的支持!
如果此项目能够帮到您,请对该项目进行赞赏,MuiPlayer 作者由衷进行感谢!
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。