title: Jplayer audio not working in firefox, opera and IE but works in Chrome
body: <p><a href="http://www.jplayer.org/support/" rel="nofollow">http://www.jplayer.org/support/</a> - Here is jplayer suppost (scroll down to see where jplayer does not work in IE 6,7,8, firefox and opera</p>
  
  <p>Setting up jplayer audio javascript: <a href="http://www.jplayer.org/latest/quick-start-guide/step-7-audio/" rel="nofollow">http://www.jplayer.org/latest/quick-start-guide/step-7-audio/</a></p>
  
  <p>Now the problem is that even though the jplayer audio player works on Chrome, it does not work on IE, firfox and Opera. What my question is that is the problem as mentioned in the FAQ that the src for .swfPath is incorrect?</p>
  
  <p>The full directory for the swf file is <code>helios.hud.ac.uk/u0867587/Mobile_app/jquery/Jplayer.swf</code></p>
  
  <p>The application <code>previewaudio.php</code> is<code>helios.hud.ac.uk/u0867587/Mobile_app/previewaudio.php</code></p>
  
  <p>The jquery is:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;   
      $(document).ready(function(){
    $("#jquery_jplayer_1").jPlayer({
      ready: function () {
        $(this).jPlayer("setMedia", {
          m4a: "&lt;?php echo $dbAudioFile; ?&gt;",
          oga: "&lt;?php echo $dbAudioFile; ?&gt;"
        });
      },
      swfPath: "jquery/",
      supplied: "m4a, oga"
    });
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>I am getting this in firebug: HTTP "Content-Type" of "audio/mpeg" is not supported." What does this mean?</p>
  
  <p>Here is a link to the audio:<a href="http://helios.hud.ac.uk/u0867587/Mobile_app/previewaudio.php?filename=Thorne,%20Grandma%27s%20Goodbye%20excerpt_4.m4a" rel="nofollow">AUDIO</a></p>
  
  <p><strong>UPDATE:</strong></p>
  
  <pre><code>&lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" /&gt;
      &lt;title&gt;Preview Audio&lt;/title&gt;
      &lt;link type="text/css" href="jquery/skin/jplayer.blue.monday.css" rel="stylesheet" /&gt;
      &lt;script type="text/javascript" src="jquery/jquery-1.7.min.js"&gt;&lt;/script&gt;   
      &lt;script type="text/javascript" src="jquery/jquery.jplayer.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;?php
  
  $getaudio = 'AudioFiles/' . $_GET['filename'];
  
  $audioquery = "SELECT AudioFile FROM Audio WHERE (AudioFile = ?)";
  
          if (!$audiostmt = $mysqli-&gt;prepare($audioquery)) {
          // Handle errors with prepare operation here
  }
  
  
  // Bind parameter for statement
  $audiostmt-&gt;bind_param("s", $getaudio);
  
  // Execute the statement
  $audiostmt-&gt;execute();
  
              if ($audiostmt-&gt;errno) 
              {
                  // Handle query error here
              }
  
  $audiostmt-&gt;bind_result($dbAudioFile); 
  
  $audiostmt-&gt;fetch(); 
  
  $audiostmt-&gt;close(); 
  
  ?&gt;
  
  &lt;script type="text/javascript"&gt;   
      $(document).ready(function(){
    $("#jquery_jplayer_1").jPlayer({
      ready: function () {
        $(this).jPlayer("setMedia", {
          m4a: "&lt;?php echo "http://helios.hud.ac.uk/u0867587/Mobile_app/".$dbAudioFile; ?&gt;",
          mp3: "&lt;?php echo "http://helios.hud.ac.uk/u0867587/Mobile_app/".$dbAudioFile; ?&gt;",
          oga: "&lt;?php echo "http://helios.hud.ac.uk/u0867587/Mobile_app/".$dbAudioFile; ?&gt;"
        });
      },
      solution:"flash,html",
      swfPath: "jquery",
      supplied: "m4a, mp3, oga"
    });
  }); 
  &lt;/script&gt;
  &lt;?php echo "File Path " . $dbAudioFile; ?&gt;
    &lt;div id="jquery_jplayer_1" class="jp-jplayer"&gt;&lt;/div&gt;
    &lt;div id="jp_container_1" class="jp-audio"&gt;
      &lt;div class="jp-type-single"&gt;
        &lt;div class="jp-gui jp-interface"&gt;
          &lt;ul class="jp-controls"&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-play" tabindex="1"&gt;play&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-pause" tabindex="1"&gt;pause&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-stop" tabindex="1"&gt;stop&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-mute" tabindex="1" title="mute"&gt;mute&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute"&gt;unmute&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume"&gt;max volume&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div class="jp-progress"&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 class="jp-volume-bar"&gt;
            &lt;div class="jp-volume-bar-value"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="jp-time-holder"&gt;
            &lt;div class="jp-current-time"&gt;&lt;/div&gt;
            &lt;div class="jp-duration"&gt;&lt;/div&gt;
            &lt;ul class="jp-toggles"&gt;
              &lt;li&gt;&lt;a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat"&gt;repeat&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off"&gt;repeat off&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>