@deepeshgupta/video-player

Video Player

A frontend web video player.

Installation

CDN JavaScript

https://res.cloudinary.com/deepeshgupta/raw/upload/v1657553895/deepeshgupta/video-player/js/video-player-0.0.25_ojlbjk.js

Initialize

var myVideo;
(async () => {
    myVideo = await window.deepeshdg.videoPlayer({
        video: document.querySelector("video"),
        loop: true,
    });
})();

For Multiple

var myVideos;
(async () => {
    myVideos = await 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.

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

Boom, You are good to go...

Developed By - Deepesh Gupta

---

License

MIT