Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.