Embed QuickTime Notes Plus

Updated July 11, 2018

This post contains random notes and code snippets for embedding QuickTime within HTML web pages. Simply copy, paste, and customize according to your needs. Happy embedding!

QuickTime Embed Attributes via CSS

Here we are including Quicktime attributes using their corresponding CSS properties:

<style>
	embed, .embed {
		pluginspage: http://www.apple.com/quicktime/download/;
		controller: false;
		autoplay: true;
		bgcolor: #000;
		loop: true;
	}
</style>

HTML Code for Embedding QuickTime

Here we are including Quicktime on the page using the object tag, populated here with a variety of potentially useful <param> tags.

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="224" width="400">

<param name="moviename" value="sample" />
<param name="targetcache" value="true" />
<param name="controller" value="false" />
<param name="kioskmode" value="true" />
<param name="src" value="sample.mov" />
<param name="autoplay" value="true" />
<param name="bgcolor" value="#000" />
<param name="scale" value="tofit" />
<param name="cache" value="false" />
<param name="loop" value="false" />

<embed src="sample.mov" controller="false" autoplay="false" cache="false" targetcache="true" kioskmode="true" loop="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" height="224" width="400" moviename="sample" bgcolor="#000" scale="tofit"></embed>

</object>

Other Notes..

There are also several attributes providing href functionality:

href="http://domain.com/new-movie.mov" target="myself|quicktimeplayer|browser"
href="onclick..." (for multiple targets)
autohref="true"

Here is a canned link to include for those without QuickTime:

<p>You will need <a href="http://www.apple.com/quicktime/download/">QuickTime</a> to view the videos.</p>

That’s all for now!

About the Author

Jeff Starr = Web Developer. Security Specialist. WordPress Buff.