Embed

Introduction
To add QuickTime media to your web page or CD with Netscape Composer, you must work directly with the Source Code. The Source Code is the actual html language that browsers read. You can access the Source Code by clicking on the <HTML>Source button

at the bottom of the Composer window.

There is a simple way to ensure that your movie or other QuickTime file arrives in the proper location on your page. Insert an image with a memorable name on your page in the location where you would like your QuickTime file to appear before going to the Source Code .

When viewing the Source Code, find the image reference. It will begin with the code: <img src =" followed by the name of the image file you inserted. Cut the Source Code for the image, starting with the <img src =" and replace it with the code for your QuickTime media as described below.

Embed Tag
The <EMBED> tag allows media file types other than those directly supported by the browser to be handled with an external application or plugin. In this case, the external application is QuickTime Player and the plugin is the QuickTime Plugin.

With the release of Internet Explorer 5.5 SP2 and later, you must use an <OBJECT> tag in addition to the <EMBED> tag for your web pages to be compatible with both Netscape and Internet Explorer on Mac and Windows systems.

The list of <EMBED> attributes is long; here we will document the <EMBED> attributes specific to QuickTime.

The Basic Necessities
The <EMBED> tag is similar to the <IMG> tag; they both have a SRC, WIDTH and HEIGHT parameter. These parameters are required and tell the browser the media to be displayed and the width and height of the media specified in the SRC attribute.

For example:

<embed src="sample.mov" width="320"
height="256" controller="true" loop="true" autoplay="true" ></embed>

The SRC attribute is the media file to display either by an absolute or relative URL. The HEIGHT attribute specifies the vertical size in pixels of the SRC attribute. The WIDTH attribute specifies its horizontal size. Other attributes (such as controller, loop, autoplay) can be set to "true" or "false". The effects they have on the way media is displayed is catalogued in the links to the left.

IMPORTANT
In order for the controller to appear properly, add 16 pixels to the height of a movie.

For example, set HEIGHT="256" for a movie 240 pixels high:

<embed src="sample.mov" width="320"
height="256"></embed>

For a sound-only movie, use a height of 16 for the controller and any width that looks good on your Web page. (If you set the width to 16 for a sound-only movie, the controller is minimized to a single Play/Pause button.)

For example:

<embed src="sound.mov" width="216"
height="16"></embed>

Never set HEIGHT or WIDTH to less than 2, even if the movie is hidden.

Other Resources

The links listed below are available only when on line.

With a little bit of information, and the appropriate software, QuickTime can easily be embedded into a website.

Questions? Read the QuickTime for the Web FAQ.

HTML Authoring Apps.

Adobe GoLive

BareBones BBEdit

Macromedia Dreamweaver

Books

QuickTime for the Web

HTML: The Definitive Guide

DHTML: The Definitive Reference

HTML Resources

HTML Specification

Ask a HTML Expert - Free

DevEdge

HTMLGoodies

About.com

Web Building

Web Monkey

Hitmill

december.com

davesite.com

WebCom

Bare Bones Guide

Supported Web Browsers

America Online 3 or later

Microsoft Internet Explorer 3 or later

Netscape Navigator 3 or later

Adopted from Apple by Grant/Comstock/KMS-03