js控制播放和暂停的代码，要求暂停和播放展示不同的图片,播放结束变为停止的图片

您好！以下是实现控制播放和暂停，并显示不同图片的JavaScript代码。假设您要操作的音频或视频元素id为"myMedia"，展示播放的图片为"play.png"，展示暂停的图片为"pause.png"，展示停止的图片为"stop.png"。

var media = document.getElementById("myMedia");
var playBtn = document.getElementById("playBtn"); // 播放按钮 element
var pauseBtn = document.getElementById("pauseBtn"); // 暂停按钮 element
var stopBtn = document.getElementById("stopBtn"); // 停止按钮 element

playBtn.onclick = function() {
  media.play();
  playBtn.style.display = "none";
  pauseBtn.style.display = "block";
}

pauseBtn.onclick = function() {
  media.pause();
  pauseBtn.style.display = "none";
  playBtn.style.display = "block";
}

media.onended = function() {
  stopBtn.style.display = "block";
  pauseBtn.style.display = "none";
  playBtn.style.display = "none";
}

stopBtn.onclick = function() {
  media.pause();
  media.currentTime = 0;
  stopBtn.style.display = "none";
  pauseBtn.style.display = "none";
  playBtn.style.display = "block";
}

您需要将以上代码中的"myMedia"、"playBtn"、"pauseBtn"、"stopBtn"替换成您实际使用的元素id和按钮元素。此外，您还需要将相关的图片路径设置到对应的按钮元素上，例如：

playBtn.src = "play.png";
pauseBtn.src = "pause.png";
stopBtn.src = "stop.png";

请注意，以上代码仅实现了最基本的播放、暂停和停止功能，并未加入任何错误处理或兼容性处理。如果您需要更全面的音频/视频控制，建议使用成熟的开源库，例如video.js。