title: jquery jplayer flash fallback not working
body: <p>I have a jquery jplayer whose html version works fine. When I try to load the flash version as the default one, it stops working. </p>
  
  <p>When I load the page Chrome console shows the error "PPB_Graphics2D.PaintImageData: Rectangle is outside bounds" twice. Firefox doesn't show any JS error. </p>
  
  <p>Here is the jQuery code.</p>
  
  <pre><code>     $("#jquery_jplayer_1").jPlayer({
              solution:"flash, html",
              play: function() { // To avoid both jPlayers playing together.
                   $(this).jPlayer("pauseOthers");
              },
              ready: function () {
                  $(this).jPlayer("setMedia", {
                       mp3: "http://test.com/music.mp3"
  
                    });
               },
  
               swfPath: "player/jplayer",
               supplied: "mp3",
               cssSelectorAncestor: "#jp-audio-container1"
     });
  </code></pre>
  
  <p>If I reverse the solution to solution: "html, flash", the player works fine.
  This is the flash player generated by the script:</p>
  
  <pre><code>   &lt;embed name="jp_flash_0" id="jp_flash_0" src="player/jplayer/Jplayer.swf" width="0" height="0" bgcolor="#000000" quality="high" flashvars="id=jquery_jplayer_1&amp;amp;vol=0.8&amp;amp;muted=false" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="width: 0px; height: 0px; "&gt;
  </code></pre>
  
  <p>Verified that the mp3 url is working fine. I have also verified(using Chrome Network) that the JPlayer.swf file path is correct and is accessible from the above code.</p>
  
  <p>What could be the reason?</p>