youtube-vue3

Youtube Player Component for Vue.js 3.x.
This is based on youtube-player

Youtube Player for Vue 2.x--> Here

![license]()

---

> Contact : stepanowon@hotmail.com
> Author : Stephen Won(원형섭), OpenSG Inc.
> Online Demo : https://youtube-vue3.vercel.app/

Screen Shot

License

MIT

Usage

#### CDN - install

``


`

#### CDN - usage

`

......
`

##

#### NPM - install

`
npm install --save youtube-vue3
- or -
yarn add youtube-vue3
`

#### NPM - usage

`



``

##

#### Props

- width
- type : Number
- width of player
- height
- type : Number
- height of player
- autoplay
- type : Number
- default value : 0
- autoplay of player ( 0 , 1:autoplay)
- videoid
- type : String
- Youtube video id
- loop
- type : Number
- default value : 0
- a setting of 1 causes the player to play the initial video again and again
- controls
- type : Number
- default value : 0
- https://developers.google.com/youtube/player_parameters#controls
- modestbranding
- type : Number
- default value : 1
- https://developers.google.com/youtube/player_parameters#modestbranding

##

#### methods

- playVideo()
- stopVideo()
- mute()
- unMute()
- setVolume(number) : number => 0~100
- getVolume()
- setSize(width, height) : you can set player size on run-time

events

- ended : when current video is ended
- paused : when current video is pauded
- played : when video is played
- ready : when player is ready state