使用Javascript播放和暂停图像

PLAY and PAUSE images with Javascript

本文关键字：暂停 图像 播放 Javascript 使用      更新时间：2023-09-26

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

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播放和暂停图像。

有人能帮我编辑代码吗？我必须使用图像，而不是现在正在使用的"播放"answers"暂停"标题文本。

您可以定义使用图像作为背景的"播放"answers"暂停"类。那就换个班吧。

playpause.className = "myPauseClass"
相关文章：