Embedding the Flowplayer in OS X

4
votes

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 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

2
flashflowplayer

2 Answers

2
votes

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>
0
votes

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

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