Embed QuickTime Notes Plus
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 = Fullstack Developer. Book Author. Teacher. Human Being.