flash object not displaying in firefox

When i first load the page the flash container div is set to display:none, i then apply some jQuery to .fadeIn() and set the div heigth and width size. Fine. But within this div i embed the flash object this way:

<object width="692" height="389">

    <param name="allowfullscreen" value="true" />

    <param name="allowscriptaccess" value="always" />

    <param name="wmode" value="transparent"> 

    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=<?php the_field('vimeo'); ?>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" />

    <embed src="http://vimeo.com/moogaloop.swf?clip_id=<?php the_field('vimeo'); ?>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="692" height="389">

    </embed>

</object>

Where:

<?php the_field('vimeo'); ?>

is a generated Id via php.

Basically the issue is that I need to use the old flash object only for firefox as otherwise by using the iframe method form vimeo I'd get random black screen for the video, the solution is to use the flash object, only for firefox but for some reasons I don't get the video displayed while i can see the object in the DOM.

Thanks