How to Embed Media Using Dreamweaver

screen shot of the Insert media function

With your page open, place your cursor at the position on the page where you want to embed your audio, video, or Flash movie.

Click on Insert>Media
 

To insert either an audio or video file, select Plugin from the dropdown menu.

 
screen shot of select file dialog box Navigate to your audio or video file in the Select File dialog box.
  Select your file and click on OK.

screenshot of plugin icon and attributes

1. You will see a 'plugin' icon.

 

2. Now you need to resize the controller display by changing the width and height. For audio clips, I generally set the values to width="200" height="25"

For a video file, I normally use width="300" height="250". You will need to experiment with these settings to get the size you want.

3. You also need to set the parameters so that the movie doesn't automatically play and doesn't keep looping (unless of course, you intentionally want that to happen).

screen shot of the parameters dialog box

To set the parameters, click on the Parameters button. Type in your parameters and the values.

If you don't want your movie or audio file to keep on repeating itself, set the 'loop' value to false.

If you don't want your movie or audio to play as soon as it is loaded into the browser, set the 'autoplay' value to false.

Click on OK.

Now let's take a look at the code view:

screen shot of the code view
   
View an example of what an embedded audio and video file look like.

Remember that in order for others to see your video or hear your audio, you must upload the files to your server along with the HTML file.

Always test your site after you have uploaded the media files to ensure that everything works well. Ask a friend, co-worker or classmate to view it on their machine while you're at it.

 
Back to Tutorials