使用Javascript播放/暂停音乐？

Question

我一直在研究暂停和播放音乐的代码而且我被卡住了，因为它在线托管（Dropbox）时效果很好但是当我用本地文件测试它时它不会暂停，它会重放赛道。

HTML：

<a class="music" data-audio="mp3/Zone.mp3" title="Play/Pause"></a>  

CSS：

.music:before {
content: url("../img/music.png");  
}  
.music.on:before {
content: url("../img/pause.png");  
}  
.music.on:after {
content: url("../img/VS.gif");  
display: block;
cursor: default;
opacity: 0.7;
}

JS：

;(function() { 
var AUD = document.createElement("audio"),
BTN = document.querySelectorAll("[data-audio]"),
tot = BTN.length;

function playPause() {
var src = this.dataset.audio;
if(AUD.src != src) AUD.src = src;
AUD[AUD.paused ? "play" : "pause"]();
for(var j=0;j<tot;j++) if(BTN[j]!=this) BTN[j].classList.remove("on");
this.classList.toggle("on");
AUD.addEventListener("ended", playPause);
}

for(var i=0;i<tot;i++) BTN[i].addEventListener("click", playPause);

}());

我不知道造成这种情况的原因，有人可以帮忙吗？