A lightweight, highly customizable video player developed with pure JavaScript and CSS. It offers a comprehensive set of controls, including play/pause, volume control, playback speed adjustment, fullscreen mode, theater mode, picture-in-picture (mini-player), and additional features..
- Responsive Design: Works seamlessly on desktop & mobile devices.
- Supports Multiple Video Formats: (MP4, WebM, Ogg, etc.)
- Keyboard Shortcuts: for easy navigation.
- Custom Controls: Play/Pause, Volume, Speed Control, Fullscreen, Mini Player, Theater Mode.
- Loading Indicator: for better UX.
- Touch & Click Support: for mobile devices.
- Customizable: Easily modify styles & functionality.
This custom video player supports the following keyboard shortcuts to enhance your video playback experience:
| Shortcut Key | Action | Description |
|---|---|---|
F |
Fullscreen Toggle | Enter or exit fullscreen mode. |
β (Right Arrow) |
Forward | Skip the video forward. |
β (Left Arrow) |
Backward | Rewind the video. |
T |
Toggle Theater Mode | Switch between normal and theater modes. |
I |
Mini Player Mode | Activate or deactivate mini player view. |
M |
Mute/Unmute | Mute or unmute the video. |
+ |
Increase Speed | Increase playback speed. |
- |
Decrease Speed | Decrease playback speed. |
If you find this project helpful, please consider starring β the repository or sponsoring π on GitHub!
Created with β€οΈ by Aditya Kumar
If you find this project helpful, please β star the repository on GitHub!
For questions, suggestions, or contributions, open an issue on the repo.
Thank you for checking it out! π