使用自定义按钮将HTML5音频元素静音 [英] Muting a HTML5 audio element using a custom button

问题描述

静音HTML5音频元素的最佳方法是什么？我不想浏览器的自定义控件，所以我一直在看JavaScript。不幸的是，它似乎并不适合我:(我毫无疑问是做了一件非常错误的事情。

 <音频编号=background_audioautoplay =autoplay> 
< source src =static / audio / clip.oggtype =audio / ogg/> 
< source src =static /audio/clip.mp3type =audio / mpeg/> 
< / audio> 
 
< a href =＃onclick =document._video.muted = true; return false>静音< / a> 
  

谢谢！

应该工作：
$ b

  document.getElementById（'background_audio '）.muted = true; 
  

演示： http://jsfiddle.net/mattball/sVwXH/ （没有jQuery）

What's the best way to mute a HTML5 audio element? I don't want the browser's custom controls, so I've been looking at the javascript instead. Unfortunately it just doesn't seem to work for me :( I'm undoubtedly doing something very wrong.

    <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>

Still getting my head around this. Thanks!

解决方案

This should work:

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

Demo: http://jsfiddle.net/mattball/sVwXH/ (no jQuery)

这篇关于使用自定义按钮将HTML5音频元素静音的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！