How to Add Flash Audio and Video Files in Dreamweaver - dummies

How to Add Flash Audio and Video Files in Dreamweaver

By Janine Warner

Adobe owns both Flash and Dreamweaver, so you find great support for Flash files in Dreamweaver. The Insert FLV dialog box makes it easy to set parameters for Flash. Dreamweaver can even automatically detect the size of Flash video files. You can also use Flash to create and insert audio files, displaying only the player (called a skin in Flash).

Follow these steps to insert a Flash video file into a web page:

  1. Click where you want the file to appear on your web page.

  2. Choose Insert→Media→Flash Video.

    (Alternatively, you can choose Flash Video from the list in the Media Insert panel.) The Insert FLV dialog box appears.


  3. At the top of the dialog box, specify Streaming Video or Progressive Download Video.

    You must have special server software to handle streaming video. Check with your Internet hosting service or system administrator to find out whether your web server supports streaming Flash files. If not, choose Progressive Download Video, which offers some of the advantages of streaming and works on any web server.

  4. Click the Browse button to the right of the URL field and browse to find the Flash FLV file you want to add to the page. Select the file and click OK.

    Dreamweaver automatically adds the filename and path to your Flash file in the URL field.

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

    Dreamweaver calls the play and audio controls for a Flash file a skin. A preview of the selected skin appears in the dialog box so you can better decide which one is best for your Flash file and your design. You can also create custom skins in Adobe Flash.

  6. Click the Detect Size button to insert the height and width of the inserted Flash file (if Dreamweaver hasn’t already done so).

  7. If you want the Flash video to play as soon as the page is loaded, select the Auto Play check box.

  8. If you want the video to rewind after play is complete, select the Auto Rewind check box.

  9. Click OK to insert the Flash file and close the dialog box.

    The Flash file appears on the page, represented by a gray box that’s the height and width of the file.

When you insert a Flash video file and include a skin for the player, Dreamweaver creates a Flash file for the player with the .swf extension and saves the file in your local site folder. This Flash file contains the player controls and must be uploaded to your website when you publish the page with the Flash file for the player controls to work.

You can change the skin by clicking to select the inserted Flash file and using the Skin drop-down list in the Property inspector to select another option. Each time you choose a skin, Dreamweaver creates a new .swf file. You can delete any skins that aren’t being used.


If you want a more customized player than the one available in Dreamweaver (for example, if you want to allow your users to click to see the video full-screen) and don’t want to build one in Flash, check out the variety of players in Adobe’s online Dreamweaver Exchange marketplace.