Just About Managing

Mac and iPhone Application and Game Development

Embedding SimCap Movies

SimCap movies, when embedded in web pages, can make for a striking and effective promotional and instructional tool.

You can use the HTML below to embed the movies. The background images (available here in landscape and portrait versions) are derived from those included in Apple's standard artwork pack, and as such the same terms and conditions governing their use applies.

For landscape orientation:

<DIV style="background-image: url(/path/to/your/background/image); background-repeat: no-repeat; 
        width: 726; height: 476; padding-left: 122px; padding-top: 34px; padding-bottom: 106px;">
    <OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" id="movie1" width="480" height="336" 
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" >
    <PARAM name="src" value="/path/to/your/movie">
    <EMBED src="/path/to/your/movie" name="movie1" width="480" height="336" autoplay="false" 
        controller="true" pluginspage="www.apple.com/quicktime/download" enablejavascript="false"
        type="video/quicktime" />
    </OBJECT>
</DIV>

For portrait orientation:

<DIV style="background-image: url(images/iphone_portrait.png); background-repeat: no-repeat;
        width: 394; height: 816; padding-top: 122px; padding-left: 38px; padding-bottom: 198px;">
    <OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" id="movie1" width="320" height="496"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" >
    <PARAM name="src" value="movies/simcap_portrait.mov">
    <EMBED src="movies/simcap_portrait.mov" name="movie1" width="320" height="496" autoplay="false"
        controller="true" pluginspage="www.apple.com/quicktime/download" enablejavascript="false"
        type="video/quicktime" />
    </OBJECT>
</DIV>

In both cases, you'll want to make the following substitutions into the code:

Change the url() parameter in the DIV tag to point to the location of the background image.
Change the value parameter of the PARAM tag and the src parameter of the EMBED tag to point to the location of your movie.
If you want to embed more than one movie on a page, you should change the values of the id parameter of the OBJECT tag and the name parameter of the EMBED tag so they are unique for each movie.

You can learn more about embedding QuickTime movies here, and about the parameters to the <EMBED> tag understood by the QuickTime plug-in here.