HTML5 MasterClass Using Video & Audio in HTML5

Learn how to take advantage of the new Video and Audio features in HTML5. A HTML5 MasterClass from Infinite Skills
4.6 (5 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.
101 students enrolled
70% off
Take This Course
  • Lectures 27
  • Length 2 hours
  • 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 4/2014 English

Course Description

This HTML5 Audio and Video training course from Infinite Skills teaches you the ins and outs of HTML5 video and audio. This course is designed for users that already have a basic understanding of HTML5.

You will start by learning how to embed media into your webpages using the latest HTML5 methods, as well as how to make use of a multitude of fallback formats, ensuring that your audio and video will work in a variety of scenarios and devices. This video tutorial will also teach you additional options for handling your media, including adding subtitles and captions, mobile playback with responsive video, and using video embed builders. Finally, you will learn how to encode your files to ensure reliable playback on a variety of devices.

Once you have completed this computer based training course, you will be fully capable of incorporating media on your website using HTML5. Working files are included, allowing you to follow along with the author throughout the lessons.

What are the requirements?

  • PC or Mac

What am I going to get from this course?

  • Learn how to take advantage of the new video and audio features in HTML5

Who is the target audience?

  • Web Designers and Web 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.


Section 1: Getting Started With Audio And Video
Important - Download These First - Working Files
0101 What You Will Learn
0103 Tools We Will Need
0104 A Brief History Of How We Got Here
0105 Understanding Video Containers And Codecs
0106 Understanding Audio Containers And Codecs
0107 Current Browser Support for Audio And Video Formats
0108 How To Access Your Working Files
Section 2: Adding Audio And Video To Our Web Projects
0201 The Basics Of Inserting Video With HTML5
0202 The Basics Of Inserting Audio With HTML5
0203 Setting Media Playback Dimensions
0204 Setting Up Fallback Video Formats
0205 Setting Up Fallback Audio Formats
0206 Pre-Loading Your Web Videos
0207 Muting Media
0208 Using Autoplay With Your Videos
0209 Looping Media Playback
0210 Inserting Video Poster Frames
Section 3: Additional Options For Handling Media
0301 Providing Flash Fallback For Older Browsers
0302 Fallback With Download Links
0303 Adding Subtitles And Captions With The Track Element
0304 Mobile Playback With Responsive Video
0305 Using Video Embed Builders
Section 4: Encoding Media For HTML5 Projects
0401 Encoding MP4 Video With Handbrake
0402 Encoding Ogg And WebM With Firefogg
0403 Encoding Audio With VLC
Section 5: Wrapping Up
0501 Where To Go From Here

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course