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

Question

[pashabomber]

Добрый день!

На странице есть видео:

<video autoplay loop id="video">
<source src="video.mp4" type="video/mp4">
</video>

И есть ссылка:

<a class="link">mute/unmute</a>

Как сделать, чтобы по клику на эту ссылку у видео появлялся и пропадал звук?

Заранее спасибо!

Answer 1

[Евгений]

$('.link').click(function(){
      var volume = $(this);
      volume.toggleClass('on');
      if (volume.is('.on')) $('#video').prop("volume", 1);
      else $('#video').prop("volume", 0);
   });

я как то давно так делал

Comments

[pashabomber]

Работает, только единственный момент - срабатывает, начиная со второго клика. Не подскажете почему?

[pashabomber]

Все, доковырял сам. Спасибо вам)