YouPlayer

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

Thank You

This library built using vite, tailwind css and svelte.