HTML5視頻播放器的靜音和音量按鈕

Question

我正在嘗試輸入一些JavaScript代碼，當單擊“靜音”按鈕時，這將導致volumeslider下降。

我的靜音按鈕和音量滑塊的功能在這里

    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; 
}

我嘗試為vidmute的if語句輸入vid.volume = volumeslider.value / 100 ，為vidmute的else語句輸入vidmute vid.volume = volumeslider.value / 0 ，這似乎不起作用。 我也嘗試了這些語句vid.mutebtn = volumeslider.value / 100 ，反之亦然，仍然無法正常工作。 誰能幫我這個？

Answer 1

使用vid.volume = 0 。

這就是vid.volume = volumeslider.value / 100; 是在做：

1. 獲取volumeslider的值（0到100之間）
2. 用100除以得到0.0到1.0之間的結果
3. 將值分配給vid.volume

通過將vid.volume = volumeslider.value / 100更改為vid.volume = volumeslider.value / 0您實際上是在增加*值（顯然，傳遞的值大於可接受的最大值不會使音量靜音 ）

*理論上; 減小除數將產生更大的結果。 在任何編程語言中，這都是不允許的，並且會引發錯誤。

Answer 2

我假設您的HTML中有一個單獨的volumeslider元素，如果您單擊一個靜音按鈕，則希望將其設置為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之間。

如果將變量放在“ =”的左側，則可以為變量分配值，如下所示：

a = 5;

現在，“ a”的值設置為5。

您要將滑塊的值設置為0。因此，將滑塊放在“ =”的左側：

vidslider.value = 0;

現在，如果視頻已靜音，則將滑塊設置在最左側。

如果單擊“取消靜音”，則希望將滑塊設置為原始位置。 因此，您首先需要閱讀視頻的音量，然后將其設置為滑塊的值。

vidslider.value = vid.volume;

現在請記住，vidslider值可以是0-100，而vid音量的范圍是0-1。 因此，您必須將音量乘以100才能達到正確的范圍

vidslider.value = vid.volume * 100;

祝您玩得開心，請嘗試用簡短的示例說明整個問題，以便我們確切地了解您需要知道的內容。