2011-06-22 68 views
16

静音HTML5音频元素的最佳方式是什么?我不想浏览器的自定义控件,所以我一直在看JavaScript。不幸的是,它只是似乎并不适合我:(我无疑做的事情非常错误的工作使用自定义按钮静音HTML5音频元素

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

仍然得到我的脑袋解决此感谢

+1

的【如何静音的HTML5视频播放器]可能重复(http://stackoverflow.com/questions/6376450/how-to-mute-an-html5-video-player ) – Neal

+0

[如何静音html5视频播放器]可能的重复(https://stackoverflow.com/questions/6376450/how-to-mute-an-html5-video-player) – m7913d

回答

47

should work:!

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

演示:http://jsfiddle.net/mattball/sVwXH/(无jQuery的)

+1

它确实如此。谢谢! –

+0

谢谢你的男人! – Denis

+0

您还可以在纯js中将muted =“true”添加到您的音频元素中,并将muted = {true}作为React :)这不适用于自定义按钮 - 对某人有帮助。 –