Geek Answers Handbook

Embedding Flowplayer in OS X

For the site, I use Flowplayer and the Overlay tool from jQuery Tools to show the video. Inside the window, everything is fine in three main browsers: IE7 / 8/9, Firefox and Chrome.

OS X (Snow leopard) has problems: clicking on a video anywhere causes a reboot. This applies to the three browsers Safari, Firefox and Chrome (not in Chrome 12.0.742.53 beta ???)

Providing an embedded player, the wmode = 'opaque' or wmode = 'transparent' property leads to the same situation on the Windows platform, but only Firefox in Chrome browsers. Not in IE.

So wmode really makes fun of me ...

Does anyone have any good wmode documentation? I can not find anything suitable

See my problem:

Testing Page

test page without css

Flowplayer standalone example page

+4
source share
2 answers

Edit

  <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>
+2
source

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

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

More articles:


All Articles