How to Create the YouTube Video Player

How to Create the YouTube Video Player

Web Dev Simplified via YouTube Direct link

- Volume controls JavaScript

10 of 18

10 of 18

- Volume controls JavaScript

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Create the YouTube Video Player

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - Setup/Demo
  3. 3 - Video player HTML/CSS
  4. 4 - Play/pause HTML/CSS
  5. 5 - Play/pause JavaScript
  6. 6 - Video controls HTML/CSS
  7. 7 - Fullscreen, theater, and mini player HTML/CSS
  8. 8 - Fullscreen, theater, and mini player JavaScript
  9. 9 - Volume controls HTML/CSS
  10. 10 - Volume controls JavaScript
  11. 11 - Duration HTML/CSS
  12. 12 - Duration JavaScript
  13. 13 - Closed captions HTML/CSS
  14. 14 - Closed captions JavaScript
  15. 15 - Playback speed HTML/CSS
  16. 16 - Playback speed JavaScript
  17. 17 - Timeline HTML/CSS
  18. 18 - Timeline JavaScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.