添加背景音乐的静音按钮

Question

是的，我知道自动播放的背景音乐绝对是最糟糕的，但是尽管我们恳求并试图阻止客户在他的网站上使用它，但他不会屈服。最终，这是他想要的（即没有生意）。

所以无论如何，我已经使用下面的代码添加了背景音乐。它会在开启页面上自动播放，但我想为人们添加一个静音图标，以便能够将其关闭。我不需要任何其他功能，只需要静音。我试图不惜一切代价避免闪存，但如果可能的话，愿意使用jQuery。我不认为有CSS方法。

我用谷歌搜索，无法真正找到我需要的东西，而且我没有音乐和网站的经验，所以任何帮助都会受到赞赏。

<embed name="lostmojo" src="music/atlast.mp3" loop="false" hidden="true" autostart="true">

Answer 1

首先，您喜欢使用音频标签而不是嵌入。您可以在音频标签上使用pause方法。

<audio id="lostmojo" autoplay="autoplay">
    <source src="annoyingsound.mp3" type="audio/mp3">
</audio>

<img src="mute.jpg" onclick="document.getElementById('lostmojo').pause()" />

这次应该有效;）

Answer 2

使用Jquery： 给audio元素一个id（例如“lostmojo”）：

<embed name="lostmojo" id="lostmojo" src="music/atlast.mp3" loop="false" hidden="true" autostart="true">

之后使用id：

为静音按钮定义img标签

<img src="image.jpg" id="mute"/>

然后使用JQuery：

$("#mute").click(function() {$("#lostmojo").pause();});