javascript - 使用Javascript播放和暂停图像

我目前正在使用以下播放和暂停音乐曲目。

function togglePlayPause() {
    var playpause = document.getElementById("playpause");
    if (audio.paused || audio.ended) {
        playpause.title = "pause";
        playpause.innerHTML = "pause";
        audio.play();
    } else {
        playpause.title = "play";
        playpause.innerHTML = "play";
        audio.pause();
    }
}

效果很好。再次按下时，按钮上的文字为“播放”，然后为“暂停”。

我想使用JavaScript将默认的浏览器播放按钮替换为图像，然后再次按下该图像时将其替换为另一个(暂停)图像。

我在想我需要为JavaScript播放和暂停图像添加一个额外的类。

谁能帮我编辑我必须使用图像而不是现在正在使用的“播放”和“暂停”标题文本的代码。

最佳答案

您可以定义将图像用作背景的“播放”和“暂停”类。然后只需更改其类。

playpause.className = "myPauseClass"