我只了解 HTML 和 CSS 的基本知识,并且通过 Google 进行了广泛的搜索,试图找到这个问题的答案——这一切似乎都指向 JavaScript 和/或 jQuery。我试过了,但无法正常工作。
我有一个音频文件,它会在我的网站加载时开始播放。我想设置一个特定的起始音量,这样我的访客就不会在音量过大时心脏病发作。
这是我的:
HTML:
<audio id="bgAudio" autoplay="autoplay" controls="controls" loop="loop" src="audio/025.mp3"></audio>
CSS:
#bgAudio {
position:fixed;
z-index:1000;
width:250px;
}
JavaScript:
backgroundAudio=document.getElementById("bgAudio");
backgroundAudio.volume=0.5;
如有任何帮助,我们将不胜感激!
最佳答案
您没有获取该元素,并且错误显示在控制台中
Cannot set property 'volume' of null
将脚本移到 </body>
之前标记,或者做:
window.onload = function() {
var backgroundAudio=document.getElementById("bgAudio");
backgroundAudio.volume=0.5;
}
编辑:
没有什么比禁用右键单击更烦人的了,但无论如何,这就是您所拥有的
;(function($){
mySong=document.getElementById("bgAudio");
mySong.volume=0.2;
setVolume = function(bgAudio,vol) {
sounds[bgAudio].volume = 0.33;
}
})(jQuery);
现在改成
jQuery(function($) {
$("#bgAudio").prop("volume", 0.2);
window.setVolume = function(bgAudio, vol) {
sounds[bgAudio].volume = vol;
}
});
关于javascript - 如何为 <audio> 标签设置特定的起始音量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20618737/