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

changing image in start and pause player javascript

本文关键字：暂停 播放器 javascript 开始 图像 改变      更新时间：2023-09-26

我有一个代码，用于启动和暂停音频html5播放器，它看起来像这样

我想插入播放器的图像也会在每次点击时改变我写的是

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

<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>

这是第五个音轨ID

我正在检查日志，但是代码没有任何问题但是我看到它改变了第一个轨道id而不是第五个

192.185.121.126/~vagabond/coral/这是链接

您的id必须是特定于每个按钮(img)…你有"btn"作为所有按钮的ID (img)。

所以，当你调用document.getElementById("btn")时，它会获取第一个img(按钮)。

相关文章：