web-dev-qa-db-ja.com

カスタムボタンを使用してHTML5オーディオ要素をミュートする

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>

まだこれを回避しています。ありがとう!

21
Chuck Le Butt

これ 動作するはずです

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

デモ: http://jsfiddle.net/mattball/sVwXH/ (jQueryなし)

55
Matt Ball