Video stumm/stumm schalten mit jQuery

Question

Ich würde gerne eine Stummschaltung/Stummschaltung in jQuery machen. Ich habe einige der Suche auf Stackoverflow getan, und das ist, was ich bisher tun verwaltet:

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

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

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

}); 

aber es ist nur in der Lage die Stummschaltung aufzuheben, nicht stumm zurück aus irgendeinem Grund.

Irgendeine Idee, was mit dem Code falsch ist?

Answer 1

Wenn Sie if($("video").prop('muted', true)) tun, setzen Sie beide die Eigenschaft auf true und fragen dann, ob es wahr ist.

Ändern der Bedingung zu if($("video").prop('muted')) löst das Problem - Here's ein Beispiel.

Beachten Sie auch, dass dies für alle Videos auf einer Seite funktioniert. Wenn Sie also mehr als einen Player haben, kann das verwirrend sein.