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.