Javascript JS和JQuery音频卷未初始化

音频播放器加载并初始化，但一旦我通过第三首歌曲，控制就会消失（请参见

=3

测试）。我不确定这是否是一个难以置信的巧合，但似乎我打破了一些东西。为什么音频控制消失了

此外，卷控件不会初始化。有人知道为什么吗

<script>
window.onload = function() {
    var number = Math.floor((Math.random() * 10) + 1);
    if(number >= 3) {
        document.getElementById("audio").innerHTML = "<audio id='vid' src='remix.mp3' type='audio/mpeg' autoplay='true' loop='true'></audio>";
    } else {
        document.getElementById("audio").innerHTML = "<audio id='vid' src='lose.mp3' type='audio/mpeg' autoplay='true' loop='true'></audio>";
    }
};
(function(){
    var vid = document.getElementById("vid");
    vid.volume = 0.2;
    });
</script>
<script>
jQuery(function($) {
    $("#vid").prop('volume', 0.2);
    window.setVolume = function(bgAudio,vol) {
        sounds[bgAudio].volume = 0.33;
    }
});
</script>
<div id="audio">

</div>

window.onload=函数（）{
变量编号=数学楼层（（数学随机（）*10）+1）；
如果（数字>=3）{
document.getElementById（“音频”）.innerHTML=“”；
}否则{
document.getElementById（“音频”）.innerHTML=“”；
}
};
（功能（）{
var vid=document.getElementById（“vid”）；
vid.volume=0.2；
});
jQuery（函数（$）{
美元（“#vid”）.prop（‘体积’，0.2）；
window.setVolume=函数（bgAudio，vol）{
声音[bgAudio]。音量=0.33；
}
});

无需更换整个

音频标签。只需更改
src
属性：

<audio id='vid' src='remix.mp3' type='audio/mpeg' autoplay='true' loop='true'></audio>

编辑

您的代码乱七八糟，我尝试过对其进行重构：


（函数（）{
变量编号=数学楼层（（数学随机（）*10）+1）；
变量player=$（'#vid'）；
player.attr（'src'，number>=3？'remix.mp3'：'lose.mp3'）；
player.prop（'volume'，'0.2'）；
播放器[0]。播放（）；//运行音频曲目
//不确定这个函数
window.setVolume=函数（bgAudio，vol）{
声音[bgAudio]。音量=音量；
}
});
我试图提高你问题的英语水平，我删除了无关的背景，谢谢你。
$('#vid').attr('src', 'remix.mp3');