Learning HTML5 Audio And Video

Video description

Learning HTML5 Audio And Video

Video description

In this HTML5 Audio and Video training course, expert author Geoff Blake 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.

Publisher resources

Download Example Code

Getting Started With Audio And Video

What You Will Learn 00:00:47

About The Author 00:01:04

Tools We Will Need 00:06:12

A Brief History Of How We Got Here 00:03:18

Understanding Video Containers And Codecs 00:04:07

Understanding Audio Containers And Codecs 00:02:13

Current Browser Support for Audio And Video Formats 00:06:03

Adding Audio And Video To Our Web Projects

The Basics Of Inserting Video With HTML5 00:06:03

The Basics Of Inserting Audio With HTML5 00:02:16

Setting Media Playback Dimensions 00:09:53

Setting Up Fallback Video Formats 00:09:06

Setting Up Fallback Audio Formats 00:05:44

Pre-Loading Your Web Videos 00:07:24

Muting Media 00:02:31

Using Autoplay With Your Videos 00:01:45

Looping Media Playback 00:01:16

Inserting Video Poster Frames 00:03:35

Additional Options For Handling Media

Providing Flash Fallback For Older Browsers 00:05:36

Fallback With Download Links 00:04:26

Adding Subtitles And Captions With The Track Element 00:05:10

Mobile Playback With Responsive Video 00:08:10

Using Video Embed Builders 00:05:43

Encoding Media For HTML5 Projects

Encoding MP4 Video With Handbrake 00:03:58

Encoding Ogg And WebM With Firefogg 00:03:57

Encoding Audio With VLC 00:05:07

Wrapping Up

Where To Go From Here 00:02:51

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.