Create An HTML5 Video Player From Scratch

Put your web development skills into practice with a nice project!
4.6 (621 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
21,400 students enrolled
Free
Start Learning Now
  • Lectures 12
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2014 English

Course Description

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.

What are the requirements?

  • HTML
  • CSS
  • JavaScript

What am I going to get from this course?

  • In this course, you will learn how to use the HTML5 media API
  • By the end of the course, you will be able to build your own fully customizable video players for the world wide web

What is the target audience?

  • Front-end developers
  • Back-end developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: HTML And CSS
Embedding A Video
07:39
Building The Player
05:32
Styling Part 1
07:15
Styling Part 2
09:39
Section 2: JavaScript
Play And Pause
06:55
Progress Bar Part 1
05:29
Progress Bar Part 2
06:37
Time Field
10:53
Sound Control
09:46
Fullscreen
03:10
Overlapping Pause Screen
10:40
Section 3: The End
Thank You
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Cocotuts Tutorials, The web development platform

At Cocotuts, we're very passionate about teaching valuable programming skills to those who love to keep learning.

We are an educational platform for the latest technologies in programming and modern web development, delivering nothing but top quality content. Our teachers offer a structured learning environment by providing you with courses in a step-by-step format, filled with engaging examples and useful build-along projects to optimize your learning experience.

Ready to start learning?
Start Learning Now