アイコンを使用したミュート/ミュート解除ボタン - jQuery

Question

基本的には、自分のオーディオをミュートするボタンが必要なので、ロード時に自動スタートするようにオーディオを設定しました。オーディオ。

私はdiv内に自分のリンクを設定し、#muteのidを持つミュートアイコンになるようにリンクのスタイルを設定しました。オーディオのIDは#audioです。

オーディオを一時停止または停止するためには、どのような種類のjQueryが必要でしょうか？私がこれまでに作ってみたものをここでだ...

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

Answer 1

はこれを試してください：あなたは、オーディオプラグインのどのような標準を使用している

$(document).ready(function(){ 
 
    $('input').click(function() { 
 
\t if($('audio').attr('muted') == undefined){ 
 
    \t \t $('audio').attr('muted', ''); 
 
     $('input').val('Unmute') 
 
    } else { 
 
    \t \t $('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" />