在开始和暂停播放器javascript中更改图像

我有一个非常适合启动和暂停音频html5播放器的代码，看起来像这样

---

我想插入玩家的img在每次点击时也会改变，我写的是

<script>
    function aud_play_pause4() {
        var myAudio = document.getElementById("myAudio4");
        if (myAudio.paused) {
            myAudio.play();
        } else {
            myAudio.pause();
        }
    }
</script>

函数aud\u play\u pause4（）{
var myAudio=document.getElementById（“myAudio4”）；
如果（myAudio.paused）{
myAudio.play（）；
}否则{
myAudio.pause（）；
}
}

---

功能aud_播放_暂停5（）{
var myAudio=document.getElementById（“myAudio5”）；
if（myAudio.paused&&document.getElementById（“btn”）.src==“btnpause.png”）{
myAudio.play（）；
document.getElementById（“btn”）.src=“btn.png”；
}否则{
myAudio.pause（）；
document.getElementById（“btn”）.src=“btnpause.png”；
}
}

---

这是第五轨道ID

我正在检查日志，但是他们的代码没有问题 但我看到的是它改变了第一个曲目id，而不是第五个曲目id

---

192.185.121.126/~vagabond/coral/

这是一个链接

您的ID必须针对每个按钮（img）。。。您将“btn”作为所有按钮（img）的ID

---

因此，当您调用document.getElementById（“btn”）时，它将获得第一个img（按钮）

未捕获引用错误：未定义aud\U play\U pause1（索引）：27单击一次（索引）：27

<script>
    function aud_play_pause5() {
        var myAudio = document.getElementById("myAudio5");
        if (myAudio.paused && document.getElementById("btn").src == "btnpause.png") {
            myAudio.play();
            document.getElementById("btn").src = "btn.png";
        } else {
            myAudio.pause();
            document.getElementById("btn").src = "btnpause.png";
        }
    }
</script>