javascript - 静音和取消静音背景声音

Question

我正在根据某些情况在我的站点的监控页面中播放警报声音。为了播放警报，我正在使用 ::

$('body').append('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');

现在我想包括一个应该静音警报声音的按钮。我对以下内容进行了一些探索：

用于音频嵌入的自定义静音按钮？

如何使 html5 视频播放器静音

我还尝试删除属性：“自动启动”的标签 ：

if($("#mute").is(':checked')){

    $('#beapImg').attr("autostart",false);
}else{
    $('#beapImg').attr("autostart",true);
}

但这对我没有帮助，谁能告诉我我应该怎么做才能静音和取消静音。
谢谢

Answer 1

尝试删除循环。

if($("#mute").is(':checked')){
$('#beapImg').removeAttr("loop");
}

Answer 2

如果静音，我会从页面中删除嵌入 - 在正文以外的容器中

$('#soundDiv').html('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');

$("#mute").on("click",function() {
  $('#soundDiv').empty();
});

或者

var sound = $('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');
$('#soundDiv').append(sound);
$("#mute").on("click",function() {
  if($("#mute").is(':checked') $('#soundDiv').empty();
  else $('#soundDiv').append(sound);
});