title: Audio files with Japanese file names don't play in Firefox
body: <p>I have a list of vocabulary (ex. <a href="http://nihongoup.com/vocabulary/animals/" rel="nofollow">http://nihongoup.com/vocabulary/animals/</a>) where each word is associated with an audio file whose name is composed of the kanji for the word (first column in the list) and it's reading in hiragana (second column). For example, the audio file for 動物 is called 動物_どうぶつ (mp3 and wav).</p>
  
  <p>Audio button code:</p>
  
  <p><code>&lt;span onclick="playAudio('/files/audio/words/動物_どうぶつ');" class="btn-audio"&gt;&lt;/span&gt;</code></p>
  
  <p>JavaScript that embeds the audio file:</p>
  
  <pre><code>var audioEmbed = null;
  function playAudio(which)
  {
      if (audioEmbed)
      {
          document.body.removeChild(audioEmbed);
          audioEmbed.removed = true;
          audioEmbed = null;
      }  
      audioEmbed = document.createElement("audio");
      var mp3Embed = document.createElement("source");  
      mp3Embed.setAttribute("src", which + ".mp3");
      mp3Embed.setAttribute("type", "audio/mpeg");
      audioEmbed.appendChild(mp3Embed); 
      var wavEmbed = document.createElement("source");  
      wavEmbed.setAttribute("src", which + ".wav");
      wavEmbed.setAttribute("type", "audio/x-wav");
      audioEmbed.appendChild(wavEmbed); 
      audioEmbed.setAttribute("autoplay", true);
      audioEmbed.removed = false;
      document.body.appendChild(audioEmbed);
  }
  </code></pre>
  
  <p>For some reason, the audio plays fine in all browsers except Firefox. If I change the name of the files to something written in Latin characters, the sound plays fine too. Is this a bug in Firefox and is there any way of solving this problem? Thanks!</p>