Flowplayer: Clicking on the player forces is to reload

I've got this damn annoying bug (or wrong setting) that makes the player reload whenever it's clicked. It's set to play when you click, so when you click it, it reloads. The circle begins....

The reloading only happens in Firefox. In Safari (and I assume Chrome), the video opens in its own window. Not ideal, but it still plays.

Here's the code for the player: (I can't share the link unfortunately, NDAs etc etc.)

flashembed("player", "/flowplayer.commercial-3.0.7.swf", { config: { key: '#@xxxxxx',

clip: { autoPlay: false, autoBuffering: true, url: "http://myvid.com/url.mp4", wmode: 'opaque' } } });

This site is full of comple开发者_JAVA百科te geniuses, I hope one of you can help me out!

The fact that this works as expected in Firefox 3.6 for Windows and Firefox 3.5.7 for Linux suggests its a Mac/Firefox issue.

Try comparing the generated output between different versions using Firebug and see if you can spot anything

I just had the exact same issue. I had Flowplayer in a content slider and the slider was cloning the player and the script. I fixed the problem by changing the video link to have a class of "player," instead of a unique ID, then changing the javascript call to Flowplayer to:

<script>flowplayer("a.player", "flowplayer-3.1.5.swf");</script>

and then moving the script out of the slider, so that the script itself wasn't cloned. I reinserted it just before the closing tag, but it could go anywhere.

I had the same issue using ajax to swap out the videos based on user action, e.g. clicking a link. I finally resolved it by removing the element and re-adding it prior to calling flowplayer:

$("#video #message-video").remove();
$("#video").html( $("<div>").attr("id","message-video") );
flowplayer("message-video", ...