paopao-video-player

A vue 3 component to display our video in custom video player (customizable with multi themes)
1,554
Install
npm install paopao-video-player
Latest Version:1.0.0
Vue:3
License:ISC
Last Updated:Jun 19, 2023
Links: npm
Maintainer: rocboss

paopao-video-player


VueJS TailwindCSS

NPM

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

Related Packages

vue3-player-video

A vue 3 component to display our video in custom video player (customizable with...

5,187
clair

A design system including principles, Vue components and resources

6,777 38
vue-videobg

Video Background component for Vue.js

4,724 245
v3d-player

Vue3 Dplayer-Lite

2,588 5
genoany-g6

a workflow designer base on @antv/g6

2,446

Version History

Version Released Vue License
1.0.0 ^3.0.5 ISC