视频静音/取消静音与jQuery

Question

我想在jQuery中创建一个静音/取消静音按钮.我已经在Stackoverflow上做了一些搜索,这是我到目前为止所做的:

$("video").prop('muted', true);

$("#mute-video").click( function (){
    if( $("video").prop('muted', true) )
    {
        $("video").prop('muted', false);
    }

    else {
    $("video").prop('muted', true);
    }

});

但出于某种原因,它只能取消静音,而不是静音.

知道代码有什么问题吗？

Answer 1

当你做的时候if( $("video").prop('muted', true) )你都要设置属性true,然后问它是否属实.

改变条件以if( $("video").prop('muted') )解决问题 - 这是一个例子.

另请注意,这将适用于页面上的所有视频,因此如果您有多个播放器,可能会让人感到困惑.