html添加背景音乐代码的方法

发布时间:2019-11-09编辑:脚本学堂
本文介绍了html添加背景音乐代码的二种方法,有关html背景音乐代码的实例代码,有需要的朋友参考下。

为大家介绍html背景音乐的二种设置方法。

方法一
在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。
“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
这种背景音乐是打开页面后直接播放的,在网页上不会有显示。

方法二
仍然是在<head></head>之间,加入代码:
 

复制代码 代码示例:
<embed src="#" loop="true" width="100px" height="20px" hidden="false"></embed>

说明:
 

src 背景音乐的地址(即url);
autostart 是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false” ;
loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数,如设为“-1”,则无限次循环,但只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放,一般用于mid音乐或较小的mp3,wav格式的音乐;
hidden="true",表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可;
width、height,设置音乐播放外观显示的宽高度;
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量;
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放;
endtime 设置音乐结束播放的时间,具体格式同上;
controls 设置音乐播放控制面板的外观
“console”为通常面板;
“smallconsole”为小型面板;
“playbutton”为是否显示播放按钮;
“pausebutton”为是否显示暂停按钮;
“stopbutton”为是否显示停止按钮
“volumelever”为是否显示音量调节按钮。

以下是embed与bgsound的区别:
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放;
而<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0">
常用于mid,wav,mp3类型等MP播放器所支持的音乐格式。

以上就是本节介绍的html添加背景音乐代码的二种方法,希望对大家有所帮助。