Overview
Learn how to create a YouTube video player clone with features like full screen, theater mode, picture in picture, and timeline scrubbing using HTML, CSS, and JavaScript. The course covers setting up the player, implementing controls, volume adjustments, closed captions, playback speed, and timeline functionality. The teaching method includes step-by-step demonstrations and coding sessions. This course is intended for individuals interested in web development, JavaScript programming, and front-end design.
Syllabus
- Introduction
- Setup/Demo
- Video player HTML/CSS
- Play/pause HTML/CSS
- Play/pause JavaScript
- Video controls HTML/CSS
- Fullscreen, theater, and mini player HTML/CSS
- Fullscreen, theater, and mini player JavaScript
- Volume controls HTML/CSS
- Volume controls JavaScript
- Duration HTML/CSS
- Duration JavaScript
- Closed captions HTML/CSS
- Closed captions JavaScript
- Playback speed HTML/CSS
- Playback speed JavaScript
- Timeline HTML/CSS
- Timeline JavaScript
Taught by
Web Dev Simplified