Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Defining and structuring new sites
- Adding and styling text, images, video, Flash, and more
- Previewing work in progress using multiple browsers
- Integrating assets from other CS4 applications
- Uploading and managing finished sites
Skill Level Beginner
The widespread use of video online means that adding video to your website is becoming an increasingly more common task. Delivering video through the Flash player has become the industry standard for online video, but what if you don't have Flash, or have never used Flash? Well, Dreamweaver makes it easy to add video to your page without having to handle any Flash development on your own. So here I have a page, videos.htm, that's obviously going to be showcasing some video content for our client. So I will place the cursor where I want to insert my video.
I'm going to go up to Insert > Media. Now, FLV is the file format for delivering video in Flash. What if you don't have any FLV files? Well, if you have the Creative Suite Web Edition or the Master Collection, it comes with the Flash Media Encoder. It can take any video file that you have, whether it's QuickTime, MPEG, Windows Media, whatever, and it converts it to an FLV in a single click. So we are going to say Insert > Media > FLV and that brings up the Insert FLV dialog box. So we're going to do a Progressive Download Video, that is the default, and we're just going to browse for our FLV file.
So I will go in the source folder, and we have a FLV file already in here called surfing_short. So we are going to select that and click OK. Now, I have to choose the skin I want for the video player. We have a choice of three skins: Clear, Corona, or Halo. Each time you select one, you will get a little preview of what that skin is going to look like underneath it. So you can go ahead and choose any skin that you want. I'm going to choose this skin because it gives me a progress and seek bar, and since I have some audio in my video, it also gives me a Mute button and a volume control. So again, things that I don't have to do.
So those are all files necessary behind the scenes and I would need to make sure that those are uploaded to my site to make sure my video is going to work properly. Dreamweaver simplifies the process of delivering video online by offering powerful, customizable, integrated Flash controls and handling all the scripting and file generation necessary for you. All that you need to worry about is making sure that your video is the quality and file size required for your targeted audience. Dreamweaver handles the rest.