静音音频

Question

我'尝试静音上点击一个视频的音频，但由于某些原因，它不会静音..

HTML：

<video src="background/background1.mp4" autoplay="autoplay" loop="loop" id="background"> </video> 

     <img src="button/audio_on.png" id="audio"/> 

的jQuery/JavaScript的解决方案，我曾尝试：

$('#audio').click(function() { 
     if($("#background").prop('muted', true)) { 
       $("#background").prop('muted', false); 
       alert('music paused'); 
      } else { 
       $("#background").prop('muted', true); 
       alert('music playing'); 
      } 
     }); 

注：它警告“音乐暂停”，但从来没有警示“音乐播放”

秒OND方法我试过（注：它不改变IMG源）：

//change music icon 
      $("#audio").on('dblclick', function(){ 
       $("#audio").attr("src","button/audio_on"); 
      document.getElementById("#background").volume = 1; 


      }); 

       $("#audio").on('click', function(){ 
      $("#audio").attr("src","button/audio_off"); 
        document.getElementById("#background").volume = 0; 

      }); 

有谁知道为什么它不会静音我视频的音频？

Answer 1

尝试使用下面的代码来切换视频的音频：

$("#audio").click(function(){ 
     $("#background").prop('muted', !$("#background").prop('muted')); 
    });