# av-player

**Repository Path**: axmine/av-player

## Basic Information

- **Project Name**: av-player
- **Description**: A vue components of video player based on video.js
- **Primary Language**: CSS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2022-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# av-player (audio & video player)

A vue components of video player based on video.js

# Usage

page.vue
```javascript
<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