2011-06-22 98 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 :)這不適用於自定義按鈕 - 對某人有幫助。 –