Как включить/выключить звук в видео по клике на кнопку?

Question

[Mihaillzz]

Хочу сделать включение/выключение звука по клику на кнопку.
Нашел этот код в интернете, но он вначале выключает звук, а потом включает (т.е если в видео изначально выключен звук, то нужно нажать 2 раза на кнопку, чтобы включить звук).

Немогу понять что нужно поменять/изменить чтобы решить проблему.
Заранее спасибо.

$(".button_voice").on("click", function() {
  var isMuted =
    $(this)
      .toggleClass("button_voice__mute button_voice__noisy")
      .hasClass("button_voice__mute");
  
  $('.vid1').prop("muted", isMuted);
});

Answer 1

[Сергей delphinpro]

isMuted нужно не по классу определять, а по его реальному состоянию в видео.

Comments

[Mihaillzz]

Если не составит труда скинуть решение, буду очень благодарен)

[Сергей delphinpro]

ну навскидку

const isMuted = $('.vid1').prop('muted');

$('.vid1').prop('muted', !isMuted);
$(this).toggleClass('button_voice__mute', !isMuted);

[Mihaillzz]

Сергей delphinpro, спасибо!