vue-dplayer

A Vue 2.x video player component based on DPlayer

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-dplayer
0.0.104 years ago5 years agoMinified + gzip package size for vue-dplayer in KB

Readme

Vue-DPlayer
A Vue 2.x video player component based on DPlayer.

NPM version Vue 2.x NPM downloads
Live Demo

Install

npm install vue-dplayer -S

Usage

CDN: https://unpkg.com/vue-dplayer@latest/dist/
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/vue-dplayer.css'

export default {
  components: {
    'd-player': VueDPlayer
  }
}

Props

Options Doc
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | options | Object | -- | all player options |

Events

Event binding Doc
Example:
<d-player @play="play"></d-player>

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

API

you can use all DPlayer APIs
Example:
<d-player ref="player"></d-player>

export default {
    mounted() {
      const player = this.$refs.player.dp
      player.play()
      setTimeout(() => {
        player.pause()
      }, 2000)
    }

Related

License
This content is released under the MIT License.