paopao-video-player

A modern, visual video player for Vue3. It will bring your videos to life with a customizable and powerful player!

Install

npm install paopao-video-player

Global

import Vue from 'vue'
import PaoPaoVideoPlayer from 'paopao-video-player'

Vue.use(PaoPaoVideoPlayer, /* { default options with global component } */)

Local registration

import PaoPaoVideoPlayer from 'paopao-video-player'

export default {
  components: {
    PaoPaoVideoPlayer
  }
}

Props

| Name | Type | Default | Description | |----------|:-------------:|------:|------:| | src | string | required | Source file | | autoplay | boolean | false | Video played when component is load | | loop | boolean | false | Play the video again | | controls | boolean | true | Display controls | | mask | boolean | true | Display the mask on first load | | hoverable | boolean | true | Display the controls at the hover | | colors | String, Array | ['#fbbf24', '#ec4899'] | Change colors components | | theme | String | basic | You can change theme of component: basic, gradient |