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

Question

所以基本上我想要一个按钮来静音我的音频，所以我已经设置我的音频在加载时自动启动，现在我想要它，这样用户就可以将音频静音。

我已经在div中设置了我的链接，并设置了我的链接，以便它只是一个ID为#mute的静音图标，音频的ID为#audio。

为了暂停或停止音频，我需要什么样的jQuery？这就是我到目前为止所提出的......

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

Answer 1

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

<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" />

＆＃13;

＆＃13;

＆＃13;