TO ADD (EMBED) A QUICKTIME MOVIE TO A WEB PAGE

If you haven’t already done so, you should make a “movies” folder -- written with lowercase letters -- in your “pub_html” directory. Please remember that the “parentheses” in this document are merely meant to highlight the names: do not use parentheses when naming files.

The “movies” folder is where you should store all movies for a web site. The movies must be either QuickTime or AVI (audio-video interleave) formats.

In the “movies” folder, place the movie file that you would like to add to your web site. The file must have an appropriate extension placed at the end of the file name: “.mov” for QuckTime documents or ".avi" for Microsoft AVI files. For example:

  • elephant.mov
  • elephant.avi

Before you add the movie to a Dreamweaver document, you should check the dimensions of the movie file. An easy way to do this is to check the properties from the Premiere project window where you rendered the original file, or import the movie into another Premiere project, solely to check the properties. For instance, using Premiere:

  • Go to File > Import the QuickTime movie.
  • Once the movie is listed in the Project Window, you should be able to check the file dimensions by simply selecting the file. A preview image should appear, along with pertinent information like the dimensions, clip length, etc.
  • Write the width and height down on a piece of paper for reference (e.g. 320 x 240 px).

Returning to Dreamweaver, locate a place in the Document Window where you would like to insert the movie.

Referring to the main menu, go to Insert > Media > Plugin. A Select File dialogue box will then appear, where you should subsequently find the movie that you want to add to your page. To do this, you should look in:

  • Your network partition / pub_html / movies / elephant.mov

Then, press Choose. An icon with a "puzzle shape" should then appear in the Dreamweaver document. By selecting the icon, the Plugin Properties Inspector should appear below the document window (if not, go to Window > Properties).

For the movie dimensions, enter the file's width beside "W" and height beside "H." However, you must also add at least 20 pixels of extra vertical space to include the movie's status bar:

  • W: 320
  • H: 260
  • Src: Make sure the QuickTime movie is in the "movies" folder, located within your "pub_html" directory

From the Plugin Properties Inspector, you can also add borders to a movie, align it to the centre, left, and right of the document, etc.

To establish the QuickTime movie playbar parameters

Using the Plugin Properties, click on the Parameters Button. A Parameters dialogue box will then open; from there, you should write in the following information:

Parameter Value
autoplay true
controller true

Then, press OK.

As part of the HTML, Dreamweaver will write the following code in your page:

<embed src="../pub_html/movies/example.mov" width="320" height="260" autoplay="false" controller="true"></embed>

These are definitions for the "autoplay" and "controller" parameters:

  • autoplay="true"/"false" -- The movie should start playing automatically: true or false? Recommend: "true"
  • controller="true"/"false" -- The user should have playback controls that allow the user to stop, pause, fast forward, or mute the movie: true or false? Recommend: true.
  • loop="true"/"false" -- The movie should play once or continuously: true of false? Recommend: false.