HTML Video and Audio Course (How To)

Text and images have always been the foundation of web content, but more than ever, video and audio are also a part of that content mix. Fortunately, we can now create standards-based video and audio players that don't require the use of plugins. Adding video and audio to a webpage is almost as easy as adding an image or formatting some text.

What you'll learn

• Video element
• Audio element
• Custom media players

Media Basics

In this course, we're going to spend most of our time focusing on the video and audio elements. We'll learn about a few others, but those two allow us to embed video and sound content into webpages.

Chevron 9 steps

• Overview of Web Media

  1:34

• Web Media Review

  3 questions

• The Video Element

  6:16

• The Source Element

  3:08

• The Video and Source Elements

  5 objectives

• The Audio Element

  4:24

• The Audio Element

  4 objectives

• Creating Media

  4:53

• Creating Media Review

  3 questions

• Extra Credit

  Try going back to the beginning and follow the instructions for working with video on a local computer.

Captioning Video

If you've ever watched a foreign film in a language you don't speak, you've probably seen text down at the bottom of the screen. That text is called captions, or subtitles. It's always a good idea to caption videos, whether it's for people with hearing impairments, people that are in a public space and don't have headphones with them, or for people that just can't quite understand what you're saying. Even if there's no spoken text in a video, it's still nice to point out sound effects and music, or even highlight the absence of sound.

Chevron 4 steps

• Create a Caption File

  7:57

• Caption Files Review

  3 questions

• The Track Element

  3:51

• The Track Element

  5 objectives

• Extra Credit

  Create your own video file and try adding captions.