Create An HTML5 Video Player From Scratch
4.5 (988 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.
31,782 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create An HTML5 Video Player From Scratch to your Wishlist.

Add to Wishlist

Create An HTML5 Video Player From Scratch

Put your web development skills into practice with a nice project!
4.5 (988 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.
31,782 students enrolled
Last updated 4/2016
English
Price: Free
Includes:
  • 1.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • HTML
  • CSS
  • JavaScript
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.

Who is the target audience?
  • Front-end developers
  • Back-end developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
12 Lectures
01:23:47
+
HTML And CSS
4 Lectures 30:05
Embedding A Video
07:39

Building The Player
05:32

Styling Part 1
07:15

Styling Part 2
09:39
+
JavaScript
7 Lectures 53:30
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
+
The End
1 Lecture 00:10
Thank You
00:10
About the Instructor
Cocotuts Tutorials
4.5 Average rating
1,100 Reviews
33,615 Students
2 Courses
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.