jquery - 使用 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一个例子。

另请注意，这将适用于页面上的所有视频，因此如果您有多个播放器，可能会造成混淆。