Кнопка отключения звука HTML

Question

Я попытался создать функцию в javascript для отключения html-видео и изменить значок ниже на значок отключения, который я загрузил. Нужна помощь. Javascript должен иметь возможность работать вместе с jQuery

Answer 1

Вопрос довольно расплывчатый, поэтому я предполагаю, что это ответит на ваш вопрос. Если вы используете видео-теги в HTML

<video width="320" height="240" controls muted> 
    <source src="x" type="video/x"> 
    <source src="x" type="x"> 
</video> 

Для Java скрипт

<video id="myVideo" width="x" height="x" controls> 
.... 
</video> 
<button onclick="enableMute()" type="button">Mute sound</button> 
<script> 
var vid = document.getElementById("myVideo"); 

function enableMute() { 
    vid.muted = true; 
} 
</script> 

Что касается вашего второго вопроса, я не совсем понимаю, просьба пояснить.

Answer 2

демо - http://jsfiddle.net/victor_007/6cc9mhbb/

по нажатию кнопки значок изменится

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

$(".mute-video").click(function() { 
    if ($("video").prop('muted')) { 
     $("video").prop('muted', false); 
     $(this).addClass('unmute-video'); // changing icon for button 

    } else { 
     $("video").prop('muted', true); 
     $(this).removeClass('unmute-video'); // changing icon for button 
    } 
    console.log($("video").prop('muted')) 
});