静音和取消静音背景音

Question

我根据某些情况在我网站的监控页面播放警报声。 使用::

播放警报

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

现在我想要一个按钮，它应该使警报声静音。我在下面进行了一些探讨：

Custom Mute Button for Audio Embedding?

How to mute an html5 video player

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

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);
});