Question

我试图输入一些JavaScript代码，这些代码会在点击静音按钮时导致volumelider全部关闭。

我的静音按钮和音量滑块的功能在这里

    function vidmute () { 
     if(vid.muted){ 
        vid.muted = false; 
        mutebtn.innerHTML = "Mute"; 

    } else { 
         vid.muted= true; 
         mutebtn.innerHTML = "Unmute";   
     } 
}

       function setVolume () { 
          vid.volume = volumeslider.value / 100; 
}

我已尝试在vid.volume = volumeslider.value / 100输入if vidmute语句vid.volume = volumeslider.value / 0和else vidmute vid.mutebtn = volumeslider.value / 100语句{{1}}它似乎不起作用。我也试过这些陈述{{1}}，反之亦然，但仍然无法奏效。谁能帮我这个？

Answer 1

使用vid.volume = 0。

这是vid.volume = volumeslider.value / 100;正在做的事情：

获取volumeslider的值（0到100之间）
除以100得到0.0到1.0之间的结果
将值分配给vid.volume

通过将vid.volume = volumeslider.value / 100更改为vid.volume = volumeslider.value / 0，您实际上增加* 该值（并且显然传递的值大于接受的最大值 mute 卷）

*理论上;减少除数会产生更大的结果。在任何编程语言中都不允许这样做会引发错误。

Answer 2

我假设您在HTML中有一个单独的volumelider元素，并且如果单击静音按钮，则希望将其设置为0.

试试这段代码：

function vidmute () { 
  if(vid.muted){ 
    vid.muted = false; 
    mutebtn.innerHTML = "Mute";
    vidslider.value = 0;
  } else { 
    vid.muted = true; 
    mutebtn.innerHTML = "Unmute";   
    vidslider.value = vid.volume * 100;
  } 
}

这的工作原理如下： vid.volume是视频的音量。它的值介于0和1之间。

vidslider.value是滑块的位置，它的值在0到100之间。

如果将变量放在＆＃34; =＆＃34;的左侧，则可以为变量赋值。像这样：

a = 5;

现在＆＃34; a＆＃34;的价值设置为5。

您想要将滑块的值设置为0.因此，您将滑块放在＆＃34; =＆＃34;的左侧：

vidslider.value = 0;

如果视频已静音，现在您的滑块设置在最左侧位置。

如果单击＆＃34;取消静音＆＃34;，则需要将滑块设置为原始位置。因此，您首先需要读取视频的音量，然后将其设置为滑块的值。

vidslider.value = vid.volume;

现在请记住，vidslider值可能是0-100，而vid卷的范围是0-1。因此，您必须将音量乘以100以使其达到正确的范围

vidslider.value = vid.volume * 100;

玩得开心，请尝试用简短的例子解释整个问题的问题，这样我们就知道你需要知道什么。

HTML5视频播放器的静音和音量按钮

2 个答案: