Putting Videos on Your Website via Adobe Dreamweaver

This tutorial is how to put FLV files (compressed video files) onto the internet using Dreamweaver.

First off, you’ll want to make sure you’ve got an FLV file. You can do that by Exporting your project, be it from Final Cut Pro or Premiere, as an FLV file. Make sure you put it into the folder that is your website folder, like any media you wish to put up.

So you bring up the html file you want the video put on.

Then you go to Insert>Media>FLV . . .

You will get a menu. Under the URL box, you’ll want to browse to find your file.

After choosing your video, you’ll want to make sure you choose a “skin”. This will be the play bar that shows up on the bottom of your video. You’ll probably want to pick the largest one so that the viewer has as many options as possible

I’ve chosen the Corona Skin 258.

After that, you’ll want to choose Width and Height. There is a “Detect” button, but I’ve found it doesn’t like to work, so it’s just easier to type in your own numbers. I’ve found that 850X600 seems to work pretty well.

I clicked “OK” and got a warning box.

This just means you can’t have spaces or special characters in the name of your FLV file. So I simply go to wear my file is my File window in Dreamweaver and change the name so that there are no spaces or special characters. As you can see, I already changed the file before it from Day in the Life_2.flv to DayintheLife2.flv

If you’ve had to change the name, simply go through the process again, through Instert>Media>FLV. Then click “OK”. Dreamweaver will do all the work and put in all the script you need for the video.

After this, all you need to do is upload it onto your site. Make sure you wait for the Corona Skin.swf to upload. This usually takes a few minutes, so you’ll have to wait. And if all goes well, when you go to your site, your video will be there!

P.S. If you want the video centered, the tag < center > will do.


~ by wandarox on November 6, 2011.

%d bloggers like this: