Project 11/20
🎬 Custom Video Player is a sleek, fully functional HTML5 video player built from scratch with JavaScript. It features a modern UI and advanced media controls including custom playback speed, volume control, fullscreen toggle, and interactive progress tracking — all wrapped in a responsive and stylish design. A solid step toward mastering DOM manipulation and media APIs!
- ✅ Custom play/pause controls with animated icons
- ✅ Interactive progress bar for seeking through the video
- ✅ Volume slider with dynamic icon updates and mute/unmute toggle
- ✅ Playback speed options (0.5x to 2x)
- ✅ Fullscreen toggle support with cross-browser compatibility
- ✅ Real-time display of elapsed time and duration
- ✅ Responsive layout with media query support for mobile devices
- ✅ Styled hover interactions for an intuitive user experience
- HTML5
- CSS3
- Vanilla JavaScript
- https://pixabay.com/videos/
- Mixkit - Free Stock Videos
- FontAwesome Icons
- W3Schools - Fullscreen
- W3Schools - Video DOM Reference
- MDN - Calc Method
- MDN - Select
- MDN - Change Event
- User Agent
- Chrome's Confusing User Agent
- Book Keeper | Project 10/20 → View Repository
- Form Validator | Project 12/20 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀