非常好用的 HTML5 视频播放插件

介绍

MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在 PC、Mobile 端运行,提供了 “移动端” 以及 “PC端” 两类扩展插件,因此你也可应用于在 Android、Ios 的 Webview 中使用。

安装 

npm i mui-player --save

 使用

// 引入
import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'

// 定义播放器容器
// 初始化 MuiPlayer 插件,MuiPlayer 方法传递一个对象,该对象包括所有插件的配置 var mp = new MuiPlayer({ container:'#mui-player', title:'标题', src:'./static/media/media.mp4', })

主要配置

属性名 类型 默认值 说明
container String/Element required 指定播放器容器
src String required 视频播放的资源地址
title String

你可能感兴趣的:(前端,音视频,vue)