One of the most important factors to keep in mind while creating a webpage is

file sizes.

The more data you have to load,

the more your site visitors ill have to wait around.

This is always important but

it's especially important with media, like audio and video,

because they typically have much larger file sizes than text and images.

It's not enough to just take a video clip from your camera or your smartphone and

just toss it onto a webpage.

Rather, you need to make sure that you compress the video and audio properly so

that it has a small file size, but still looks and sounds good.

So, there's a couple of different programs that you could use to do this.

One is VLC or VideoLan, and this is a media player,

but it does a whole bunch of stuff, and one of them is convert video.

You could also use another program like Adobe Media Encoder or

maybe a nonlinear video editor of your choice.

Just about anything will be able to convert the video into at least H.264,

which is a format supported by Internet Explorer and Safari.

However, to get the files into Ogg Theora, VLC should work just fine.

So let's switch over to VLC.

You can download it,

and when you install it on a Mac, it will look something like this.

And I'll go up to File here.

And I'll say convert slash stream.

It will give me a window here where I can open media.

Then, I have the file here that I want to convert.

I already have this video.

This was shot on a pretty nice camera but, you can get this same kind of file format

from an iPhone or maybe an Android phone and convert it.

Pretty much any incoming video you can convert into the format that you need.

Next, you'll need to choose a profile and there's two things going on here.

There is the encapsulation and there's also the video Kodak.

So before we get into that, let's go back and take a look.

The encapsulation is basically the file format.

So in this case we're gonna have an MP4 but could have something like

web M which is another web based video format.

And there is also Theora Vorbis or

OGG Theora as it's sometimes called and this is going to be an OGG file format.

So that's the encapsulation.

Then the CODEC is how the video and the audio is compressed.

That's why there's two things listed on each one of these with a plus.

So H.264 in this case, is the video compression.

And then, MP3 is the audio compression.

There's also Theora Vorbis, which is a video, and audio combination.

So again, for Internet Explorer and Safari, this first one will work.

And then you can click Save as file, and then you can choose an output location.

So maybe you can save it in the same spot and just call it myvideo or

whatever you want to call it.

In this case we called it Bridge.mp4, and

you would click Save, and it would start to convert for you.

And then you would want to do the same thing for [UNKNOWN, and

if you click Browse, you could save it to a location and it will save out.

Now the thing to remember here is you want to keep this file size low.

So if you click that customize button you can go to the video codec,

and let's actually go back to H.264 plus mp3,

and under video codec here you can adjust the bit rate.

So you might want to put something on the order of 5,000 or

maybe 10,000 and slowly work your way down.

And the frame rate for this particular video is 24 frames per second but

you can adjust that if you like and then you want an output resolution.

This is another place that you can play with the file size.

So you might say 1280 by 720 and the source for this particular video

is 1920 1080 so we'd actually be scaling this down in resolution a little bit.

But that will produce a smaller file size.

So the bit rates and the resolution under video are two things to pay attention to.

So when you output video and audio, make sure to adjust your settings

appropriately so that you get the optimal balance between file size and quality.