网站首页  软件下载  游戏下载  源码下载  词典软件  教程攻略

请输入您要查询的源码：

　

源码 MuiPlayer视频播放器插件 v1.7.0
图标
分类 源码下载-软件开发-java源码-视频播放器插件 java源码
语言 简体中文
大小 47MB
软件类型 国产软件
发布时间
用户评分 3
备案号
官方网址
软件授权 免费软件
操作系统 JavaScript
厂商
下载
介绍

MuiPlayer 是一款 HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节等功能。

支持 mp4、m3u8、flv 等多种媒体格式播放，解决大部分兼容问题，同时适应在PC、手机端播放。

MuiPlayer 具有丰富的参数可以自定义播放器实例，通过轻松的配置即可完成自定义场景的视频播放。

特点

MuiPlayer 帮助我们解决了日常 H5 Video 应用开发中的常见的一些大量问题：

1、各浏览器平台播放 ui 不能统一

2、ui 扩展之间以及状态处理容易产生冲突

3、在不同环境下(android、ios、pc)针对 h5 video api 可能触发事件的时机尽不相同

4、媒体格式存在各种兼容问题，muiplayer 处理了大多数在不同环境下播放的兼容问题

5、重复踩踏在开发 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>

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 基础配置选项。
截图
随便看

　

网盟提供免费网站源码下载(asp源码，php源码，.net源码)，源码动态，使用教程和源码评测；为站长推介有价值的源码，为开发者宣传源码作品。

　

Copyright © 2002-2024 cnnbu.com All Rights Reserved
更新时间：2025/4/4 20:02:46