Skip to content

sidsimo/media-controls

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Screenshot_25-7-2026_15851_sidsimo github io

๐ŸŽ›๏ธ Custom Media Player Controls

A sleek, minimalist, and fully interactive Custom Media Player Controls component built with vanilla web technologies. It provides a customized user interface to replace native browser controls for video or audio elements.

โœจ Features

  • Playback Management: Easily play, pause, and reset media status.
  • Volume Customization: Quick toggles for full volume (volume-full) and muting (volume-mute).
  • Speed Adjustment: Dynamically change playback speed with slowDown and speedUp capabilities.
  • Download Action: Integrated download button for saving the media file directly.
  • Modern Minimalist UI: Clean purple-accented control badges arranged on a dark responsive background.

๐Ÿš€ Live Demo

Check out the live deployment here:
๐Ÿ”— Live Demo

๐Ÿ› ๏ธ Built With

  • HTML5 - Structuring the control deck layout and icons.
  • CSS3 - Custom styling, flex box alignment, and hover effects for dark mode layouts.
  • JavaScript (Vanilla) - Implements HTML5 Media Element API (.play(), .pause(), .playbackRate, etc.) to control audio/video tracks.

About

A sleek, modern custom media player controller UI featuring fully functional web audio/video playback control actions.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages