title: Flowplayer won't stop() with jQuery function
body: <p>I am using the <a href="http://videojs.com" rel="nofollow">VideoJS</a> HTML5 video player on a WordPress site I'm developing. The player launches in a modal window, and it works great for the most part, but the Flowplayer flash fallback for IE isn't behaving as I want. </p>
  
  <p>When the user closes the modal box, playback should stop/pause. This works fine in HTML5, but not with Flowplayer. I've had a look at Flowplayer documentation but can't seem to get their suggested code to work. I've tried several variations, with no luck and cannot find a working example on the net.</p>
  
  <p>It may be worth noting that VideoJS is called from WordPress, using VideoJS WP plugin. </p>
  
  <p>The snippet below shows what I think it should work, where $f is the flow player selector, but I've tried other ways.</p>
  
  <pre><code>jQuery(function( $ ){
     $(document).ready(function(){
  
       $('.bClose').click(function(){
        $(".video-js")[0].player.pause();
          $f("video_1").stop();    /*  &lt;-- THIS IS THE OFFENDING LINE OF CODE. */
          $('.video-js-box').bPopup().close();
        });
  
    });
  });
  </code></pre>
  
  <p>I'm working from the HTML5 boilerplate, and this code is in my script-starter.js file.</p>
  
  <p>Take a look at the <a href="http://lchclearnetgraduates.com/newsite/annabel/" rel="nofollow">site under question</a></p>
  
  <p>I hope someone can help me get this to work.</p>
  
  <p>Thanks in advance.</p>
  
  <p>sPieLMaN</p>
  
  <p>UPDATE: Am trying variations on this theme now...</p>
  
  <pre><code>        $('.bClose').click(function(){
          $(".video-js")[0].player.pause();
          $f($(".video-js-box").get(0)).pause();
          $('.video-js-box').bPopup().close();
      });
  </code></pre>