Search code examples
jqueryflowplayer

flowplayer in a hidden div

I'm using a flowplayer. When I put it in the hidden area below, the player does not work.

<div class="hidden" style="display:none">
<div class="flowplayer" data-swf="flowplayer.swf" data-ratio="0.4167">
<video>
<source src="http://stream.flowplayer.org/bauhaus/624x260.mp4">
</video>
</div>
</div>

Flowplayer is available at the following location: http://flowplayer.org/download/

Solution

  • You're right, it doesn't.

    But you can use a workaround of instead using:

    visbility:hidden;
height:0px;

    And then it works fine.

    jsFiddle of a working example (warning: you will need sound)