Question

我有这个代码。这很完美。

<button id="mutebtn2">Mute</button></li>
<script>
mutebtn2 = document.getElementById("mutebtn2");
mutebtn2.addEventListener("click",vidmute2,false);
function vidmute2(){
  if(idle_video.muted){
     idle_video.muted = false;
     mutebtn2.innerHTML = "Mute";
  } else {
     idle_video.muted = true;
     mutebtn2.innerHTML = "Unmute";
  }
}
</script>

此代码将视频静音，工作正常。

问题是，我想更换开/关图像的按钮。我试过，但代码似乎我错了。任何帮助我都很感激

Answer 1

您可以使用img

替换<button id="mutebtn2">Mute</button>内的文字

<button id="mutebtn2"><img src="link-to-image" /></button>

并在vidmute2()函数中，而不是使用img html替换innerHTML替换文本

function vidmute2(){
  if(idle_video.muted){
     idle_video.muted = false;
     mutebtn2.innerHTML = "<img src='link-to-image' />";
  } else {
     idle_video.muted = true;
     mutebtn2.innerHTML = "<img src='link-to-image' />";
  }
}

Answer 2

您可以在javascript中以编程方式设置图片的src。有关工作示例，请参阅this。

自定义按钮静音视频

2 个答案: