PDA

View Full Version : Quicktime Trailer Question



Kirk Gillock
12-21-2004, 09:32 PM
How do quicktime movie-trailer sites create the "Click to Play" feature?

Example:
http://www.apple.com/trailers/universal/meet_the_fockers/medium_mtf_3.html

Is this something done on the website design side (create a "Click to Play" graphic and add some javascript/activex code)?

Any help would be greatly appreciated, Thanks!

zero_g
01-04-2005, 10:22 AM
I did a View->Source in my web browser on that page.

<TD COLSPAN=2><OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="320" HEIGHT="188" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
<PARAM NAME="controller" VALUE="FALSE">
<PARAM NAME="type" VALUE="video/quicktime">
<PARAM NAME="autoplay" VALUE="true">
<PARAM NAME="target" VALUE="myself">
<PARAM NAME="src" VALUE="http://movies.apple.com/trailers/universal/meet_the_fockers/images4/medium_mtf_3_03.mov">
...

You could grab that code section and insert it in your own page and replace the .mov URL with yours.

I believe that CLASSID is the object ID for Quicktime running on your machine (where your web browser is running). If you have problems it might be the object ID for an object running on Apple's web server. The fact that this is on an Apple web site, could mean they are taking advantage of functioanilty on that server. Functionality you don't have on your web server. Worth a try.

-zero_g (aka. Brother Bill)

zero_g
01-04-2005, 05:42 PM
I just checked it out and it works!

I embedded this code in my test web page and it worked.

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="480"
height="230"
codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
<param name="controller" value="FALSE"> <param name="type"
value="video/quicktime"> <param name="autoplay" value="true"> <param
name="target" value="myself"> <param name="src"
value="http://movies.apple.com/trailers/universal/meet_the_fockers/images4/medium_mtf_3_03.mov">
<param name="HREF"
value="http://www.my.web.com/videos/the-loner.mov"> <param
name="pluginspage"
value="http://www.apple.com/quicktime/download/indext.html">
<embed width="480" height="230" controller="FALSE"
src="http://movies.apple.com/trailers/universal/meet_the_fockers/images4/medium_mtf_3_03.mov"
href="http://www.my.web.com/videos/the-loner.mov" type="video/quicktime"
target="myself" bgcolor="#000000" border="0"
pluginspage="http://www.apple.com/quicktime/download/indext.html"></object>

You will need to set the width and height (in two places) to that of your movie. Also, you will notice 4 urls to a .mov file. The ones with "images4" are to a single image movie which is just "Click to play". It basically makes the "Click to play" image a link to the movie. The other links are to your movie (I changed the web site name just in case you didn't want the movie public).

You are probably wondering why there are 2 sets of URLs. The second set of URLs is for the plugin installer to go to when the plugin is installed.

That was easy...now for the 4:3 to 16:9 converter :o

-zero_g

Kirk Gillock
01-04-2005, 10:12 PM
Thanks zero_g! I have scene that code before. It looks strangely familiar. But I figured the code was not only accessing the movie but also an image that is placed as a temp graphic until it is clicked.

Interesting. I will try. Thanks a lot and welcome aboard the board!!!

HansK
01-05-2005, 11:38 AM
It's a Quicktime with a hyperlink. When you click the video it will load the actual movie.

The first movie is referenced in the html in the embedded Quicktime player. Its url is:

http://movies.apple.com/trailers/universal/meet_the_fockers/images4/medium_mtf_3_03.mov

One of the parameters to the embedded Quicktime player is:

HREF="http://movies.apple.com/movies/universal/meet_the_fockers/meet_the_fockers-tlr_320.mov"

That's the movie that is played when you click on the first.

More info about the embedded Quicktime player and tags is on the Apple site:

http://www.apple.com/quicktime/authoring/embed.html