javascript - 如何为 标签设置特定的起始音量

Question

我只了解 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;

---

如有任何帮助，我们将不胜感激!

Answer 1

您没有获取该元素，并且错误显示在控制台中

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;
    }
});