video静音/取消静音与jQuery

我想在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') )解决问题 – 这是一个示例。

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