Module 6: HTML Video

Overview

HTML5 introduced two new elements that make it easy to add media to web pages, <audio> and <video>. It also introduced the <track> element which is used to add text tracks that are synchronized with the video. This is useful for adding captions for the Deaf or hard of hearing, foreign language subtitles, karaoke lyrics, pop-up comments, and other features. In this module, you will learn about these new HTML5 elements.

You should know that for these lessons, all of the necessary files are provided for you.  For your final project, you'll need to create all of them yourself: a video in two formats, a poster image, and a caption file.  Obviously, you'll need that to be a short video to save yourself a lot of headache. We'll also need to coordinate this with the broadcasting lab since we'll need to use that equipment.

Lessons