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