YouPlayer is perfect Youtube Player wrapper. Every link that make user go straight to youtube is disable. so, user always stay on your website to watch exclusive content.
1. Installation
npm i youplayer
2. Import Project
import YouPlayer from "youplayer"
import "youplayer/dist/style.css"
3. CDN Installation
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/youplayer/dist/style.css">
<script src="https://cdn.jsdelivr.net/npm/youplayer"></script>
4. Usage
<div id="video"></div>
<script>
const app = YouPlayer({
el : "#video",
videoId : "_7EwGJmjT5E"
})
</script>
4. Methods
you can use method below to change player experience. usage example :
app.loadVideo("SkIk7txs1aY")
| method name | description |
|---|---|
| loadVideo(videoId : string) | to change video on existing player |
| playVideo() | to play video |
| pauseVideo() | to pause video |
| stopVideo() | to stop video |
5. Demo
Live Demo
This library built using vite, tailwind css and svelte.