How to Add Flash Video to a Web Page - dummies

By David Karlins, Doug Sahlin

Adding Flash video to a web page in Dreamweaver is easy. As an added bonus in Dreamweaver, you can add controls to the video to enable website visitors to start and stop the video as they please. This is much better than having the video loop endlessly while the visitors are trying to pay attention to the other content on the page.

To add Flash video to a web page, follow these steps:

  1. Position your cursor at the point in the web page where you want to insert the video.

  2. Choose Insert→Media→FLV.

    If you haven’t already done so, Dreamweaver prompts you to save the file. If you’ve saved the file, or just now save the file at the prompt’s behest, the Insert FLV dialog box appears.


  3. Accept the default Progressive Download Video option for Video Type.

    The other option is Streaming Video, which requires a special server. Servers that specialize in delivering streaming video don’t come cheap.

  4. Click the Browse button next to the URL field.

    Navigate to the FLV file you want to add to the web page. If you’ve been neat and tidy, the file should be in the website folder. If you haven’t been neat and tidy, Dreamweaver lets you know by displaying a dialog box offering you the option of copying the file to the website folder. Take it.

  5. Choose a skin from the Skin drop-down menu.

    There are several options that give website visitors different options, such as playing the video or playing and pausing the video as well as adjusting the sound volume. Each skin lists the minimum width required to display all the controls. Your video width must be equal to or larger than the width of the skin you choose.

  6. Enter values in the Width and Height fields.

    These are the dimensions of the video you’re adding to the page. Alternatively, you can click the Detect Size button to have Dreamweaver fill in the blanks.

  7. Choose additional options as needed.

    You can have the video auto-play when fully downloaded and auto-rewind when finished. If you choose both options, the video will loop endlessly until the user clicks the Stop button on the skin.

  8. Click OK.

    Dreamweaver adds the video to the page.

  9. Choose File→Preview in Browser, and then choose the desired browser in which you want to preview the file.

    Dreamweaver prompts you to save the document. After you save the document, Dreamweaver launches the page in the selected browser. The video controller becomes partially transparent after the video begins playing. Test the video in each browser used by your target audience.