Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

HTML Video and Audio

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Overview of Web Media

1:34 with Nick Pettit

HTML allows us to 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.

This video doesn't have any notes.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    Text and images have always been the foundation of web content, 0:04
    but more than ever, video and audio are also a part of that content mix. 0:08
    In this project, we'll learn how to use the HTML video and 0:13
    audio elements to play back media. 0:17
    We'll also learn how to add features like captioning and custom playback controls. 0:20
    First, let's take a look at the project. 0:25
    It's actually pretty simple, 0:28
    it's just a video player on a web page along with an audio player. 0:30
    This may not look very impressive, but if you've been working in web technology for 0:35
    even just a few years, you probably know how long it took for 0:39
    web technology to catch up with video. 0:43
    Video on the web used to involve plugins like QuickTime, Flash, RealPlayer, and 0:46
    several others. 0:51
    However, using browser plugins is typically bad for 0:52
    accessibility, mobile devices, battery life, and many other factors. 0:56
    If you can avoid browser plugins, you should. 1:00
    Fortunately, we can create standards based video and 1:04
    audio players that don't require the use of plugins. 1:07
    Adding video and audio to a webpage is almost as easy as adding an image or 1:11
    formatting some text. 1:16
    In this course, we're going to spend most of our time focusing on just two elements, 1:18
    the video element and the audio element. 1:23
    We'll learn about a few others, but those two are the most important. 1:26
    Now, let's move on and give the video element a try. 1:30

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up