Skip to content

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.

Notifications You must be signed in to change notification settings

AdityaKumar06/Custom-Video-Player-HtML5-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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..


✨ 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.

Image

🎯 Keyboard Shortcuts

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.

πŸ“¬ Contact & Community

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! πŸš€

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published