視頻靜音/用jQuery取消靜音

Question

我想在jQuery中創建一個靜音/取消靜音按鈕。我已經做了一些＃1搜索和這是我設法到目前爲止做：

$("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的一個例子。

另請注意，這將適用於網頁上的所有視頻，所以如果您擁有多個播放器，可能會引起混淆。