x
 
Create New Page

Revision: EE Blog Quicktime Template

Revision from: 18:45, 26 Apr 2008

This is a quick run down of how we embed the Quicktime movies into the EE Blog. The player code is almost straight from Apple’s Quicktime tutorials section. Specifically see Apple’s QT Embed tutorial.

We use a hidden template just for the movie player that is then embedded into the main template.

Here is the player code we use:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
                      
codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="480" height="288">
        <
param name="type" value="video/quicktime" />
<!--
The graphic that appears while the video loads -->
        <
param name="src" value="example_posterframe.gif" />
<!--
The path to the actual movie file set using a custom field, in this case {video_path} -->
        <
param name="href" value="{video_path}" />
        <
param name="controller" value="false" />
        <
param name="autoplay" value="false" />
        <
param name="target" value="myself" />
        <
object type="video/quicktime" data="/example_posterframe.gif" width="480" height="288" class="hide">
            <
param name="src" value="example_posterframe.gif" />
            <
param name="href" value="{video_path}" />
            <
param name="controller" value="false" />
            <
param name="autoplay" value="false" />
            <
param name="target" value="myself" />
        </
object>
        </
object>
        <
p><a href="{video_path}">Right-click to save file to desktop</a></p>

Note: Please check the Apple links given at the top of this entry, as Apple has updated the suggested fashion on embedding video. The method given here is no longer suggested, as it was broken in newer versions of IE.

Category:Templates Category:Video

Categories: