Insert Flash Video

Insert Flash Video

Next you’ll insert a Flash Video file, using the asset provided.

  1. With the index.html page open in the Dreamweaver Document window, click once above the graphic that you placed in the center column of the three-columned table.

    In the previous section, you created some space before you inserted the graphic--this is where you should click.

    This is a picture of the feature being described.

  2. Select Insert > Media > Flash Video.
  3. In the Insert Flash Video dialog box, select Progressive Download Video from the Video type pop-up menu.
  4. In the URL text box, specify a relative path to the cafe_townsend_home.flv file by clicking Browse, navigating to the cafe_townsend_home.flv file (located in cafe_townsend root folder of your site), and selecting the FLV file.

    This is a picture of the feature being described.

  5. Select Halo Skin 2 from the Skin pop-up menu.

    A preview of the selected skin appears below the Skin pop-up menu. The Skin option specifies the look and feel for the Flash Video component that will contain the Flash Video content.

    For more information on how to select different skins for Flash Video components, see

  6. In the Width and Height text boxes, do the following:
    • In the Width text box, type 180.
    • In the Height text box, type 135 and press Enter (Windows) or Return (Macintosh).

      This is a picture of the feature being described.

    The value in the Width and Height text boxes specifies the width and height in pixels of the FLV file. You can adjust these values arbitrarily to change the size of the Flash Video on your web page. When you increase the dimensions of a video, the picture quality of the video usually decreases.

  7. Leave the default selections for the remaining options:

    Constrain maintains the same aspect ratio between the width and height of the Flash Video component. This option is selected by default.

    Auto play specifies whether to play the video when the web page is opened. This option is deselected by default.

    Auto rewind specifies whether the playback control returns to starting position after the video finishes playing. This option is deselected by default.

  8. Click OK to close the dialog box and add the Flash Video content to your web page.

    The Insert Flash Video command generates a video player SWF file and a skin SWF file that are used to display your Flash Video content on a web page. (You may need to click the Refresh button in the Files panel to see the new files.) These files are stored in the same directory as the HTML file to which you’re adding Flash Video content (in this case, the cafe_townsend root folder). When you upload the HTML page containing the Flash Video content, Dreamweaver uploads these files as dependent files (as long as you click Yes in the Put Dependent Files dialog box).

  9. Save the page.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly