Не работает кнопка громкости в , что может быть?
<div class="video-big slider-top">
<div class="video-bg" id="video-bg">
<video poster="/assets/video/screen2.png" autoplay="" loop="" muted="" playsinline="" controls >
<source src="application/video/- Promo-video.mp4" type="video/mp4">
<source src="application/video/-Promo-video.webm" type="video/webm">
</video>
</div>
</div>
<button class="button_voice button_voice__noisy"></button>
<script>
$(".button_voice").on("click", function() {
$(this).toggleClass("button_voice__mute button_voice__noisy");
if ($(this).hasClass("button_voice__mute")) {
$('#video-bg').attr("muted", "muted");
} else {
$('#video-bg').removeAttr("muted");
}
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>