jquery - silenciar - unmute audio javascript

Video mute/unmute con jQuery

Question

Me gustaría hacer un botón mute / unmute en jQuery. He hecho algunas búsquedas en Stackoverflow y esto es lo que logré hasta ahora:

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

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

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

});

pero por alguna razón solo se puede activar el sonido, no silenciar de nuevo.

¿Alguna idea de lo que está mal con el código?

Answer 1

Cuando estás haciendo if( $("video").prop(''muted'', true) ) ambos configuran la propiedad como true y luego preguntan si es verdad.

Cambiar la condición a if( $("video").prop(''muted'') ) resuelve el problema - Here''s un ejemplo.

También tenga en cuenta que esto funcionará en todos los videos en una página, por lo que si tiene más de un jugador, puede resultar confuso.