为什么 URL地址为相对地址时，代码能执行，背景却没声音；地址为绝对地址时却能播放？

function HTML5Audio(url, loop) {
   var audio = new Audio(url);
   audio.autoplay = true;
   audio.loop = loop || false; //是否循环
   audio.play();
   return {
       end: function(callback) {
           audio.addEventListener('ended', function() {
               callback();
           }, false);
       }
   }
}

$(function() {
   $("button:first").click(function() {
       //背景音乐
       var audio1 = HTML5Audio('http://www.sunnylinner.com/Games/Music/Media/407.mp3');//绝对地址
       audio1.end(function() {
           alert("音乐结束")
       })
   });
   $("button:last").click(function() {
       //循环播放那
       var audio2 = HTML5Audio('../music/circulation.mp3');//相对地址
       audio2.end(function() {
           HTML5Audio('../music/circulation.mp3',true);
       })
   })
});