Question

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

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为播放和暂停图像添加额外的类。

任何人都可以帮我编辑代码，我必须使用图片而不是现在正在播放的“播放”和“暂停”标题文字。

Answer 1

您可以定义使用图像作为背景的“播放”和“暂停”类。然后改变它的类。

playpause.className = "myPauseClass"

使用Javascript播放和暂停图像

1 个答案: