BlueHost
OptinMonster
ElegantThemes
Acronis True Image
This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. Find out more.

Embedding QuickTime Media Files Using HTML

 Posted by  Add comments
 

Embedding QuickTime Media Files Using HTML

To create a true streaming QuickTime multimedia environment you will need access to a streaming server such as the Apple QuickTime Server. The example below shows an alternative method using a simulate streaming environment with progressive download, which is a lot simpler and cheaper.

Once you have created a "mov" format file ready for downloading it can be streamed to your viewers by embedding the QuickTime player video file into your webpage using the appropriate HTML code. QuickTime is a very good quality standard with low file sizes.

Hyperlinks to QuickTime Files

The simplest way to add QuickTime to a web page is to make a hyperlink from the page directly to the video file:

<a href="video-filename.mov">Click here to download video</a>

When the end user clicks this hyperlink the video file will be download. Depending upon the viewers system the file may begin playing after a portion of the file has been downloaded and buffered, in other cases the entire file will need to be downloaded.

Embedding QuickTime Files

Embedding a QuickTime video file into your web page requires the use of specific HTML code.

The following code will embed a QuickTime "mov" file in the web page.

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE=http://www.apple.com/qtactivex/qtplugin.cab
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"
PLUGINSPAGE=http://www.apple.com/quicktime/download/
WIDTH="320" HEIGHT="180" AUTOPLAY="true"
CONTROLLER="true">
</EMBED>
</OBJECT>

To use the file you will need to replace the following parameters:

  • Replace the "video-filename.swf" with your swf filename.
  • Replace WIDTH and HEIGHT as required, i.e. 640 and 800 respectively.
  • Decide if you want AUTOPLAY to be "true" or "false".
  • Do not modify the <OBJECT> tag parameters, these are required for browsers using ActiveX support such as Internet Explorer.
  • Do not modify the <EMBED> tag parameters, these are required for browsers such as Mozilla FireFox.

<OBJECT> Tag Parameters

CLASSID – This tells the browser what file type to expect and which application should handle it.
CODEBASE – This instructs the browser where to find the movie player if it is not already installed.
WIDTH and HEIGHT – Width and height of displayed image in pixels.
PARAM NAME="src" VALUE – The URL to your file.
PARAM NAME="autoplay" VALUE – When "true" the video clip will begin playing as soon as it completes loading.
PARAM NAME="controller" VALUE – When "true" the movie controllers will be visible. Default is "true".

<EMBED> Tag Parameters

SRC – The URL to your file.
PLUGINSPAGE – This instructs the browser where to find the movie player if it is not already installed.
WIDTH and HEIGHT – Width and height of displayed image in pixels.
AUTOPLAY– When "true" the video clip will begin playing as soon as it completes loading.
CONTROLLER – When "true" the movie controllers will be visible. Default is "true".

Code Usage

To use the code simply place it where you want your multimedia presentation to be shown in your web page.

Notes:

  • HTML elements are not case-sensitive.
  • Tag parameter values should always be enclosed in, "double quotation marks".

Important: The standard version of Macromedia Flash does not have full support for video files. If you are serious about video you need Flash MX Professional.

You may also be interested in the following:

Adobe. "A Streaming Media Primer." (10/5/2007)
http://www.adobe.com/products/aftereffects/pdfs/AdobeStr.pdf
Adobe products.

 


KingSolutions.org.uk is hosted on JustHost

 Leave a Reply

(required)

(required)

185 queries in 1.029 seconds (Child).