CODEWITHSUNDEEP
flashflowplayer
Andrew
Andrew

Reputation: 5430

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

Upvotes: 4

Views: 619

Answers (2)

Anze Jarni
Anze Jarni

Reputation: 1157

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>

Upvotes: 2

brennanyoung
brennanyoung

Reputation: 6524

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

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

Upvotes: 0

Related Questions