使用自定义按钮静音HTML5音频元素

Question

如何最好地将HTML5音频元素静音？我不想要浏览器的自定义控件，所以我一直在看JavaScript。不幸的是，它对我来说似乎根本行不通 :( 我肯定是做错了什么。

    <audio id="background_audio" autoplay="autoplay">
      <source src="static/audio/clip.ogg" type="audio/ogg" />
      <source src="static/audio/clip.mp3" type="audio/mpeg" />
    </audio> 

<a href="#" onclick="document._video.muted=true; return false">mute sound</a>

我还在努力理解这个。谢谢！

- Chuck Le Butt

---

可能是如何静音HTML5视频播放器的重复问题。 - Naftali

可能是如何静音HTML5视频播放器的重复问题。 - m7913d

这不是重复的问题。另一个问题是关于jQuery的，而这个问题是关于JS的。 - Chuck Le Butt

Answer 1

这个应该可以工作:

document.getElementById('background_audio').muted = true;

示例: http://jsfiddle.net/mattball/sVwXH/（无jQuery）

- Matt Ball

---

你也可以在普通的JavaScript中，为你的音频元素添加muted="true"，在React中则使用muted={true} :) 尽管这不是针对自定义按钮的，但它对某些人会很有帮助。 - zero_cool