title: Loading JW Player on a hidden element
body: <p>I'm using JW Player to show a Flash video (although it will soon have HTML5 sources where browser support allows).</p>
  
  <p>Until the user takes an action on the page, the video needs to be invisible (but loaded). Once they take that action, the video <code>div</code> is shown and I'd like to <code>play()</code> the video as immediately as possible.</p>
  
  <p>Here's my <code>setup()</code> call. <code>&lt;div id="video"&gt;</code> is hidden in my CSS file, as is JW Player's <code>&lt;div id="video_wrapper"&gt;</code> (both set to <code>display: none;</code> initially).</p>
  
  <pre><code>jwplayer("video").setup({
    playlist: [
      {
        sources: [
          { file: 'http://example.com/video.flv' }
        ]
      }
    ],
    controls: false,
    wmode: 'transparent'
  });
  </code></pre>
  
  <p>And some time later, I'm doing this:</p>
  
  <pre><code>$('#video').show();
  $('#video_wrapper').show();
  jwplayer().play();
  </code></pre>
  
  <p>I don't get any errors in the console and the video plays fine if I don't first hide the containing <code>div</code>s in my CSS file.</p>
  
  <p>Does JW Player not fire its <code>setup()</code> method on a hidden element? And, if not, how should I achieve the result I want?</p>