Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
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.
[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