vue2-aliplayer v1.0.2

Vue2-AliPlayer

A Vue 2.x video player component based on vue2-aliplayer.

Install

npm install vue2-aliplayer -S

Usage

import VueAliplayer from 'vue2-aliplayer'

export default {
  components: {
    'ali-player': VueAliplayer
  }
}

Props

Method

Events

Example:

<ali-player @play="play"></ali-player>

export default {
    methods: {
      play() {
        console.log('play callback')
      }
    }

API

you can use all aliplayer api

Example:

<ali-player :source="视频url" :vid="视频vid" :playauth="播放鉴权" ref="player"></ali-player>
    <button @click="play">播放</button>
    <button @click="pause">暂停</button>
    <button @click="replay">重播</button>
    <button @click="reload">重载</button>

export default {
    methods: {
      play: function(){
        const player = this.$refs.player.instance
        player && player.play()
      },
      pause: function() {
        const player = this.$refs.player.instance
        player && player.pause()
      },
      replay: function() {
        const player = this.$refs.player.instance
        player && player.replay()
      },
      reload: function() {
        // 修改source地址后
        const player = this.$refs.player
        player && player.reloadPlayer()
      }
    }

Development

• yarn dev: Run dev in development mode
• yarn deploy: Deploy dev to gh-pages
• yarn build:cjs: Build component in commonjs format
• yarn build:umd: Build component in umd format
• yarn build: Build component in both format
• yarn lint: Run eslint

Check out your npm scripts, it's using vbuild under the hood.

Generated by create-vue-app

Refer to vue-dplayer packaging

License

This content is released under the MIT License.