av-player (audio & video player)

A vue components of video player based on video.js

Usage

page.vue

<template>
  <av-player
    :src="source"
    @emit="onEmit"
  />
</template>

import AvPlayer from 'av-player'

export default {
  name: 'PageIndex',
  components: {
    AvPlayer
  },

  data () {
    return {
      source: 'http://test.com/test.mp4'
    }
  },

  methods: {
    onEmit (e) {
      console.log(e)
    }
  }
}

API

Props

props	description	type	default
src	video's url	string
poster	poster's url	string
options	video.js options	object	{}

Events

emit args => ({ event: string, time: { current: number, duration: number } })

event	description
loaded	emit after loaded the meta data
play	emit after play
pause	emit after pause
error	emit on error
ended	emit after ended play

Methods

method	description
play()	do play
pause()	pause play
muted()	on/off volume
src()	change source url

Change log

• 2020.08.06: fix error event
• 2020.7.30: fix style
• 2020.7.28: fix click to pause