视频静音/取消静音与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') )解决问题 - Here's示例。

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