Search code examples
javascriptjqueryquicktime

How to fire a Javascript function when a QuickTime movie has finished playing?


When a Quicktime movie has ended, I want to replace it with a image slideshow. My current approach is to have the .mov file communicate back to the Javascript on the page. Once the end of the movie is reached, an event calls a function.

So my question is: What method can I use to call a Javascript function when a Quicktime movie ends?

I see some ideas here, but it is difficult to put the pieces together. http://developer.apple.com/mac/library/DOCUMENTATION/QuickTime/Conceptual/QTScripting_JavaScript/bQTScripting_JavaScri_Document/QuickTimeandJavaScri.html#//apple_ref/doc/uid/TP40001526-CH001-SW5

I am hoping to use the qt_ended() function.

Here is my code so far:

 <object width="853" height="496" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">  
   <param name="enablejavascript" value="true" />
   <param name="postdomevents" value="true" />  
   <param name="src" value="/wp-content/themes/gono9/videos/General_Orders_No9_Trailer1.mov" />  
   <param name="controller" value="true" />  
   <param name="autoplay" value="true" />  
   <param name="scale" value="aspect" />  
   <param name="bgcolor" value="000000" />  
   <param name="cache" value="true" />  
   <embed width="853" height="496" src="/wp-content/themes/gono9/videos/General_Orders_No9_Trailer1.mov" bgcolor="000000" cache="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="true" enablejavascript="true" postdomevents="true" autoplay="true" scale="aspect"></embed>  
</object>

Does qt_ended() go in my .js file?

I need help putting the pieces together.

If looking at the existing website helps: http://generalordersno9.com
This is related to the trailer.


Solution

  • I answered my own question by reading the Apple documentation.

    For those interested the code is here:
    http://www.generalordersno9.com/wp-content/themes/gono9/js/g.js

    And the demo is here: http://www.generalordersno9.com/