Create An HTML5 Video Player From Scratch

Visit Tutorial Page ( Report)
Put your HTML, CSS and JavaScript skills into practice by building a fully customizable video player. We will start from scratch (apart from some icons that I'm going to give you at the beginning) and build our way to a YouTube video-player look-a-like. The videos will be in a step-by-step format, so that it will be easy to follow along. All source code will be available at our website. Afterwards, you will be able to create awesome video players using the latest HTML5 video API; they will be both stunning through CSS and functional through JavaScript. Who is the target audience? Front-end developers Back-end developers
  • HTML And CSS
    00:30:05
    • Embedding A Video
      00:07:39
    • Building The Player
      00:05:32
    • Styling Part 1
      00:07:15
    • Styling Part 2
      00:09:39
  • JavaScript
    00:53:30
    • Play And Pause
      00:06:55
    • Progress Bar Part 1
      00:05:29
    • Progress Bar Part 2
      00:06:37
    • Time Field
      00:10:53
    • Sound Control
      00:09:46
    • Fullscreen
      00:03:10
    • Overlapping Pause Screen
      00:10:40
  • The End
    00:00:10
    • Thank You
      00:00:10
Write Your Review

Reviews