Javascript音频函数不起作用

Question

我在这段javascript代码中遇到了问题。在我的站点中，我在div中有一个音频播放器(这个播放器是通过js自定义的)，并且工作得很好，这些是用于在页面中显示播放器的说明：

<div id="pers_player_footer">
<script src="../audiojs/audio.min.js"></script>
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
<audio src='../songs/empty.mp3' id='player' preload='auto' autoplay='true'/>
</div>

我的播放器以一首空歌开始。当我想播放一首特定的歌曲时，将执行riproduci()函数并传递link参数，以便更改src音频标记。这是我的js函数：

function riproduci(link) {
document.getElementById("pers_player_footer").innerHTML = "<script 
src='../audiojs/audio.min.js'></script>
<script>audiojs.events.ready(function() {var as = audiojs.createAll();});
</script><audio src='"+link+"' id='player' preload='auto' 
autoplay='true'/>";
}

结果是:新的代码写得正确，歌曲开始正常播放，在我的div中，旧的播放器消失了，但新的播放器没有留下空白。这有什么问题吗？