取消静音后无法恢复音量

时间:2014-02-14 05:55:16

标签: javascript html5

在我的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);
    }
});

为什么我的逻辑不起作用?

1 个答案:

答案 0 :(得分: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);
            }
        });