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 |