Video Player

A frontend web video player.

🏠 Live Preview

---

Installation

CDN JavaScript

https://cdn.jsdelivr.net/gh/deepesh-dg/video-player/public/video-player.bundle.js

Initialize

const video = window.deepeshdg.videoPlayer({
    video: document.querySelector("video"),
    loop: true,
});

For Multiple

const videos = window.deepeshdg.videoPlayer({
    videos: document.querySelectorAll("video"),
    loop: true,
});

Sample image

Features

• Press space or k for Play / Pause.

• Press j or left arrow for backward 10s and 5s respectively.

• Press l or right arrow for forward 10s and 5s respectively.

• Press up arrow and down arrow for volumn up and volumn down 5% respectively.

• Press m for toggle Mute.

• Press f or double click Mouse on Screen for toggle Full Screen.

• Press 0 - 9 to skip Video Duration Accordingly.

• click Mouse on anywhere on Video above controllers for Play / Pause.

Boom, You are good to go...

Developed By - Deepesh Gupta