Question

我无法弄清楚如何处理我的JavaScript中的静音/取消静音按钮，我已经在这几个小时了！基本上我已经让我的静音按钮工作了，它使视频静音，我现在试图让同一个按钮取消静音视频。有任何想法吗？

function MuteUnmutevideo() {
  if (video.muted = true) {
    //toggle button caption
    MuteButton.innerHTML = "Muted";
  } else {
    if (video.muted === true)
      //toggle button caption
      MuteButton.innerHTML = "unmuted";
  } //end else

Answer 1

您的按钮静音视频的原因是因为您正在进行分配，而不是在第一个if内部进行比较。

if(video.muted = true)而不是if(video.muted == true)。

它没有取消静音视频的原因是因为你没有能够做到这一点的代码。

您应该将功能更改为：

function MuteUnmutevideo() {
    video.muted = !video.muted;
    MuteButton.innerHTML = video.muted ? 'Muted' : 'Unmuted';
}

Answer 2

您需要==进行比较，而不是=第一个if语句中的赋值。

function MuteUnmutevideo () {
    if ( video.muted == true ) {
        //toggle button caption
        MuteButton.innerHTML = "Muted";
    } else {
        //toggle button caption
        MuteButton.innerHTML = "unmuted";
    }//end else
}

如果那不漂浮你的船，你可以使用三元操作（如康普顿堡所建议的）来完成同样的事情：

function MuteUnmutevideo() {
    video.muted = !video.muted;
    MuteButton.innerHTML = video.muted ? 'Muted' : 'Unmuted';
}

Javascript静音/取消静音按钮

2 个答案: