Building a HTML5 Video Player From Scratch

Learn HTML5 Video Within An Hour
3.8 (2 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.
59 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 19
  • Length 1 hour
  • Skill Level All Levels
  • 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 12/2013 English

Course Description

Until now, there has not been a standard for showing a video/movie on a web page.

Today, most videos are shown through a plug-in (like flash). However, different browsers may have different plug-ins.

HTML5 defines a new element which specifies a standard way to embed a video/movie on a web page.

With "Building a HTML5 Video Player From Scratch", you will learn everything about HTML5 Video, even if you've never build one before!

The full course has several video lectures, divided into several chapters. Each chapter will give you a new level of knowledge in HTML5 Video. We'll start from the basics of HTML5 Video Player to more advanced and the most popular APIs used now a days.

NOTE: In order to keep you up to date in the world of HTML5 Video all the chapters will be updated regularly with new lectures, projects, quizzes and any changes in future versions of all the programming languages covered on the course.

What are the requirements?

  • Text Editor
  • Browser

What am I going to get from this course?

  • Building a HTML5 Video Player
  • Learn HTML5 Video
  • Learn JavaScript
  • Learn Web Designing

What is the target audience?

  • Anyone interested in Web Development

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: Getting Started
Introduction
Preview
02:10
Setting up Workspace
Preview
01:49
Section 2: Video Elements of HTML5
Inserting Video Into HTML5
Preview
02:54
Supporting Multiple Videos
Preview
02:26
Adding Playback Controls
Preview
01:37
Section 3: Video Conversion
Converting Video using Miro
01:18
Section 4: Controlling Video Player using JavaScript
Autoplay and Looping
02:39
Coding Simple Playback Controls
07:37
Coding Advanced Playback Controls
02:47
Section 5: Designing Video Player and Code
Styling Video Player
09:29
JavaScript File
02:59
Section 6: Advanced JavaScript Coding
Coding the Play/Pause Button
02:11
Tracking Video Progress
02:16
Coding the Seek Bar
02:01
Coding Volume Controls
02:52
Full Screen Code
02:17
Section 7: Third Party Support
Flash Fallback
02:35
Section 8: Conclusion
Final Thoughts
01:16
Section 9: Exercise File
File
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

QScutter Tutorials, a place to learn technology

QScutter is a Indian based company that offers an ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples. The emphasis is on teaching real life skills that are essential in today's commercial environment. We provide tutorials for almost all IT topics.

Ready to start learning?
Take This Course