Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

HTML Video and Audio Course (How To)

via Treehouse

Overview

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

Syllabus

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.

Reviews

Start your review of HTML Video and Audio Course (How To)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.