Отключение звука/включение звука с помощью jQuery

Я хочу сделать кнопку mute/unmute в jQuery. Я сделал несколько поисков в Stackoverflow, и это то, что мне удалось сделать до сих пор:

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

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

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

});

но по какой-то причине он способен только включать, а не отключать звук.

Любая идея, что не так с кодом?

Ответы

Ответ 1

Когда вы выполняете if( $("video").prop('muted', true) ), вы оба устанавливаете свойство true, а затем спрашиваете, истинно ли оно.

Изменение условия на if( $("video").prop('muted') ) решает проблему - Вот пример.

Также обратите внимание, что это будет работать со всеми видео на странице, поэтому, если у вас более одного игрока, это может запутать.