Embedding the Flowplayer in OS X

For a site I'm using Flowplayer and the Overlay tool from jQuery Tools, to show video. Within windows everything is fine in the main three browsers: IE7/8/9, Firefox and Chrome.

Within OS X (Snow leopard), the problems begin: A click in the video, anywhere, causes a reload. This is the case for the three browsers Safari, Firefox and Chrome (Not in Chrome 12.0.742.53 beta ???)

Giving the embeded player the property wmode = 'opaque' or wmode = 'transparent' results in the开发者_StackOverflow same situation on the windows platform, but only Firefox en Chrome browsers. Not in IE.

So wmode is really bugging me...

Does anyone have some good documentation on wmode ? I can't find anything suitable

See my problem at:

Test page

Test page without css

Standalone example page Flowplayer

Change

 <img id="CorporatePreviewImage1" src="http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg" onMouseOver="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1_kleur.jpg';"
                                        onmouseout="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg';" onClick="openVideoPlayer('http://www.jktv.nl/Andrew/movies/corporate/corporate_1.flv');" rel="#OverlayVideo" />

To:

 <a href="javascript: openVideoPlayer('http://www.jktv.nl/Andrew/movies/corporate/corporate_1.flv'); return false;" rel="#OverlayVideo">
         <img id="CorporatePreviewImage1" src="http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg" onMouseOver="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1_kleur.jpg';"
                                        onmouseout="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg';" /><br />
         </a>

Try wrapping your main call in a jquery document.ready block:

$(document).ready(function() {
   $openVideoPlayer('')
});