title: Flowplayer JS API not working because Flowplayer not 'loaded'?
body: <p>I have several videos autoplaying on a webpage using Flowplayer and jQuery like so:</p>
  
  <pre><code>$('.video').each(function (k, obj) {
    $(obj).flowplayer(...)
  })
  </code></pre>
  
  <p>They're streaming videos and start playing automatically.</p>
  
  <p>Later I want to use the <a href="http://flowplayer.org/documentation/api/index.html" rel="nofollow">Javascript API</a> to interact with the player. It's not working, despite <code>$f()</code> returning a Flowplayer object:</p>
  
  <pre><code>$f('video1') // -&gt; {_api: function ...}
  </code></pre>
  
  <p>I just learned that you must 'load' the player first, but that doesn't help:</p>
  
  <pre><code>$f('video1').isLoaded() // -&gt; false
  $f('video1').load(function () { console.log('video loaded') })
  $f('video1').isLoaded() // -&gt; false
  </code></pre>
  
  <p>The bizarre thing is that when I call <code>load()</code> the video flashes to black and then starts playing again, but the load callback function doesn't fire.</p>
  
  <p>Why is this?</p>