Score
0
Watch 26 Star 71 Fork 17

QiaoJianFeng / vue-mini-playerJavaScript

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
基于Vue的一个轻量级HTML5视频播放组件,适配PC和移动端 spread retract

Clone or download
Loading...
README.md

vue-mini-player

基于 Vue 的一个轻量级视频播放组件,适配 PC 和移动端

avatar

安装

$ npm install vue-mini-player -S

使用

# main.js
import vueMiniPlayer from 'vue-mini-player'
Vue.use(vueMiniPlayer)

在项目中使用 vueMiniPlayer

<template>
  <vueMiniPlayer :video="video" />
</template>
<script>
  export default {
    data () {
      return {
        video: {
            url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4',
            cover: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png'
        }
      }
    }
  }
</script>

💡 特色

1.轻量级 HTML5 播放器,精美 UI 控件,简单易上手

2.提供以 npm 的形式安装提供全局组件

3.多格式视频配置,移动端+PC 通用模式

  • 多类型视频支持
  • 自定义海报
  • 多平台兼容
  • 静音开关
  • 播放时间进度
  • 全屏支持
  • 拖动播放
  • 倍速播放
  • MSE 支持
  • 弹幕支持

✈️ 参数

🚀 事件

Comments ( 1 )

Sign in for post a comment

JavaScript
1
https://gitee.com/gotoschool/vue-mini-player.git
git@gitee.com:gotoschool/vue-mini-player.git
gotoschool
vue-mini-player
vue-mini-player
master

Help Search