Embedding QuickTime Movies
Quicktime Movie Format
When you want to stream with a QuickTime movie, you need to use a conversion utility to compress your movie file into .mov format (if it isn't already). There are several conversion utilities to choose from, some you could buy and some for free. It all depends on your preference as well as you pocketbook. (See the Resources page for some possiblities of freeware and shareware software.) When your .mov file is ready, then you are ready to stream it from your web page.
Now all you need to do is embed the QuickTime player. This simply means that you put the media player directly into your Web page. To do this, you must insert a special section of HTML code.
The following is the code to embed a QuickTime movie file.
Two tags that are necessary: <object> and <embed>. The <object> tag is for use with Internet Explorer on Windows and other browsers that have ActiveX support. The <embed> tag is for most other browsers besides IE.
You are welcome to copy and make use of it but remember to replace the "video-filename" with your .mov file. Alter the parameters (which is talked about below the example) to your preference.
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="320" HEIGHT="180"
<PARAM name="SRC" VALUE="video-filename.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED SRC="videofilename.mov" WIDTH="320" HEIGHT="180"
For both the <object> tag and the <embed> tag use true (yes) or false (no).
<object> Tag Parameters
When setting the <object> tag parameters, be sure to always enclose parameter values in double quotation marks.
classid="..." - This tells the browser what filetype will be loaded, and what application should handle it. This should be copied completely.
width and height - When setting the width and height, be sure you set them for at least the width and height of the file itself.
codebase="..." - This tells the browser where to find QuickTime movie player if it is not already installed. If it is not, it will install automatically if the user allows it to.
param name="src" value="..." - This is the URL to your movie file.
param name="autoplay" value="..."- If set to "true", the video clip will begin playing as soon as it completes downloading. The default is set by the user in the settings.
param name="controller" value="..."- If set to "true", the movie controllers will be visible. If this is omitted, the default will be set to "true".
<embed> Tag Parameters
QuickTime really only requires the <embed> but in order to reach Windows IE users also, the <object> is included. The <embed> tag basically is a duplicate of the <object> tag with few differences.
All the parameters: embed src="....mov" width="..." height="..." play="..." loop="..." quality="high", are the same.
pluginspage="..." - This is the <embed> tag attribute that tells the browser where to find QuickTime movie player if it is not already installed. If it is not, it will install automatically if the user allows it to.
Ok. Now that you are equipped with the code, all you have to do is place it where you want it in your Web page.
Give it a try and see how it looks. Don't be afraid to experiment! That's the only way you'll know how to place it the way you want in to be displayed on your Web page.
If you want to use a different file format, just choose one.
Windows Media Files (WMF Videos)