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

我只掌握HTML和CSS的基本知识,并且已经广泛地浏览了Google,试图找到这个问题的答案 – 这一切似乎都指向JavaScript和/或jQuery。 我试过了,我无法让它发挥作用。

我有一个音频文件,当我的网站加载时开始播放。 我想设置一个特定的起始音量,以便我的访客在音量很高时不会受到心脏病发作。

这就是我所拥有的:

HTML:

 

CSS:

 #bgAudio { position:fixed; z-index:1000; width:250px; } 

JavaScript的:

 backgroundAudio=document.getElementById("bgAudio"); backgroundAudio.volume=0.5; 

任何帮助将不胜感激!

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

无法将属性’volume’设置为null

将脚本移到标记之前,或执行以下操作:

 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设置卷,但是您需要确保DOM准备好修改任何对象。 也许使用ondocumentready事件或来自号召性用语的Click事件。

首先,获取要修改的video对象。

bgAudio = document.getElementById("bgAudio");

然后使用bgAudio对象设置其属性,如卷。

bgAudio.volume = 0.2;

既然你在网站上工作,我会做这样的事情(假设你可以使用jQuery):

 $(document).ready(function() { // the site has now loaded, grab the video! bgAudio = document.getElementById("bgAudio"); // now tweak the volume! bgAudio.volume = 0.2; // now, play it! bgAudio.play(); }); 

查看有关jquery ready,事件和video的参考资料: