靜音音頻

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')); 
    });