使用jQuery切换静音YouTube iframe不起作用

Question

我正在尝试使用jquery切换youtube视频的静音，同时根据静音或声音打开更改图标。但是，我的代码在第一次单击取消静音后尝试使其静音时不起作用

$(".volume").click(function(){
    $(".liveOnMic").toggleClass("fa-volume-off");
    $(".liveOnMic").toggleClass("fa-volume-up");
});
$(".fa-volume-off").click(function(){
    $("iframe").attr("src", $("iframe#ytplayer").attr("src").replace("mute=1", "mute=0"));
});
$(".fa-volume-up").click(function(){
    $("iframe").attr("src", $("iframe#ytplayer").attr("src").replace("mute=0", "mute=1"));
});