jquery - HTML5 视频单击时切换静音？

Question

我正在尝试通过单击视频来切换静音。

点击使用此代码时，我可以取消视频静音:

$(document).ready(function(){

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

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

http://jsfiddle.net/Edf8m/7/

现在我只想能够再次单击并将其静音。

Answer 1

您应该能够通过简单的 bool 切换来解决您的问题。

$("video").click(function () {
    $(this).prop("muted", !$(this).prop("muted"));
});