title: why is jPlayer not playing my MP3 files in Firefox?
body: <p>I am having trouble playing an MP3 file using jQuery Jplayer in Firefox 8.
  I have installed the latest flash for my browser and I can see that the jplayer.swf file is being downloaded in the Flash tab of Firebug.</p>
  
  <p>I included the following files in this order:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://raw.github.com/happyworm/jPlayer/master/jquery.jplayer/jquery.jplayer.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And I have this in the DOM that loads:</p>
  
  <pre><code>  $("#jquery_jplayer").jPlayer({
      ready: function () {
        $(this).jPlayer("setMedia", {
          mp3: "http://sound26.mp3pk.com/indian/ladiesvsricky/ladiesvsrickybahl01(www.songs.pk).mp3"
  
        });
      },
      swfPath: "http://cloudfactory-transcription.s3.amazonaws.com/javascripts/",
      supplied: "mp3",
      volume: 1,
      wmode:"window",
      solution: "html,flash"
    });
  </code></pre>
  
  <p>I have this HTML:</p>
  
  <pre><code>&lt;div id="jquery_jplayer" style="height: 0px"&gt;&lt;/div&gt;
            &lt;div class="jp-audio"&gt;
              &lt;div class="jp-type-single"&gt;
                &lt;div id="jp_interface_1" class="jp-interface all_rounded_corners"&gt;
                  &lt;ul class="jp-controls"&gt;
                    &lt;li&gt;&lt;a href="#" class="jp-play pp" tabindex="1"&gt;play&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" class="jp-pause pp" tabindex="1"&gt;pause&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" class="jp-previous traverse" tabindex="1"&gt;Previous&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="jp-progress" style = "display:none;"&gt;
                    &lt;div class="jp-seek-bar"&gt;
                      &lt;div class="jp-play-bar"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>And Firefox is not able to play the MP3 file. I can also see a hidden object which looks like this:</p>
  
  <pre><code>&lt;object width="1" height="1" id="jp_flash_0" data="http://cloudfactory-transcription.s3.amazonaws.com/javascripts/Jplayer.swf" type="application/x-shockwave-flash"&gt;  &lt;param name="flashvars" value="jQuery=jQuery&amp;amp;id=jquery_jplayer&amp;amp;vol=1&amp;amp;muted=false"&gt;
  &lt;param name="allowscriptaccess" value="always"&gt;
  &lt;param name="bgcolor" value="#000000"&gt;
  &lt;param name="wmode" value="window"&gt;
  &lt;/object&gt;
  </code></pre>