无法在取消静音后恢复音量

Question

在我的HTML5视频播放器中，如果当前音量为0.5，并且如果我静音并取消静音，音量恢复为0.5，这是正确的。但是，如果音量不是0.5，则在静音和取消静音后它仍会恢复到0.5。

我试图在静音之前创建卷的备份，并在取消静音时恢复备份。它仍然不起作用。

这里是我的代码：

$("#mute_button").click(function(){ 
    if(video.muted == false){ 
     var volume_backup = video.volume; // create backup 
     video.muted = true; 
     $("#mute_button").prop("value", "Unmute"); 
     $("#volume").val(0); 
    } 
    else{ 
     video.muted = false; 
     $("#mute_button").prop("value", "Mute"); 
     video.volume = volume_backup; // restore backup 
     $("#volume").val(volume_backup); 
    } 
}); 

为什么不工作我的逻辑是什么？

Answer 1

只是无心之失...

var volume_backup; 
$("#mute_button").click(function(){ 
      if(video.muted == false){ 
       volume_backup = video.volume; 
       video.muted = true; 
       $("#mute_button").prop("value", "Unmute"); 
       $("#volume").val(0); 
      } 
      else{ 
       video.muted = false; 
       $("#mute_button").prop("value", "Mute"); 
       video.volume = volume_backup; 
       $("#volume").val(volume_backup); 
      } 
     });