javascript - 取消静音后无法恢复音量

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