jquery - 使用图标将按钮静音/取消静音-jQuery

Question

所以基本上我想有一个使音频静音的按钮，所以我将音频设置为在加载时自动启动，现在我想要它，以便用户能够使音频静音。

我已将链接设置为div并设置了链接的样式，以便它只是ID为#mute的静音图标，音频的ID为#audio。

我需要哪种jQuery才能暂停或停止音频？到目前为止，这是我想出的...

$(function(){
$("#mute").click(function(){
    $("#audio").stop();
});
});    

Answer 1

试试这个:

$(document).ready(function(){
  $('input').click(function() {
	if($('audio').attr('muted') == undefined){
  		$('audio').attr('muted', '');
      $('input').val('Unmute')
    } else {
  		$('audio').removeAttr('muted');
      $('input').val('Mute')
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<audio controls>
</audio>

<br/>
<input type="button" value="Mute" />