新建一个music.html页面：
HTML部分：
<audio id="bgAudio" controls="controls" autoplay="autoplay" hidden="hidden">
<source src="mp3/wangjie.mp3" type="audio/mp3">
<source src="mp3/wangjie.ogg" type="audio/ogg">
</audio>
js部分：
<script type="text/javascript">
myVid=document.getElementById("bgAudio");
myVid.volume=0.2;
</script>
再新建一个backMusic.html页面：
HTML部分：
<frameset cols="0%,100%">
<frame src="music.html"/>
<frame src="index.html" />
</frameset>
扩展资料：
<audio> 标签定义声音，比如音乐或其他音频流。
实例：
一段简单的 HTML 5 音频：
<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
属性：
autoplay：如果出现该属性，则音频在就绪后马上播放。
controls：如果出现该属性，则向用户显示控件，比如播放按钮。
loop：如果出现该属性，则每当音频结束时重新开始播放。
preload：如果出现该属性，则音频在页面加载时进行加载，并预备播放。
src：要播放的音频的 URL。
一、能使网站上自动循环的背景音乐代码如下：
<audio src="music.mid" autostart="true" loop="true" hidden="true">
具体的分解解析如下：
1、src="music.mid" 指的是背景音乐的路径，最好能使用相对路径，以便上传的时候不会出错。
这里的music.mid跟网页文件在同一个目录下，所以直接输入文件名即可。
2、autostart="true" 指的是当音乐文件载入后是否自动播放。
其中有两个逻辑选项，true和false，这里设定为true，也就是表示表示自动播放。
3、loop="true" 指的是音乐文件是否循环播放，也可以指定循环播放的次数。
比如loop=”3”表示重复播放3次，loop=”-1”和loop=”true”都表示无限循环。
4、hidden="true" 指的是控制面板是否隐藏。
true表示隐藏控制面板，false为显示控制面板。
二、将该代码应用到实际的程序中
1、找到写好的自动循环的背景音乐代码
<embed src="XXX.mp3" autostart="true" loop="true" hidden="true"></embed>
2、将其插入到网站的<body>...</body>之间
3、保存后，点击首页进行预览，不仅仅可以听到背景音乐，如果使用主流浏览器，还能看到标签栏上有背景音乐播放的图标
三、通过以上操作后，使网站上能自动循环的背景音乐的操作就完成了
1。 浮雕效果
代码：
<EMBED style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></EMBED>
2。紫色效果
代码：
<EMBED style="FILTER: invert()" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></EMBED>
3。扭曲效果
代码：
<EMBED style="FILTER: wave(add=0,freq=1,lightstrength=50,phase=0,strength=5)" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></EMBED>
4。灰色效果
代码：
<EMBED style="FILTER: Gray()" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></EMBED>
5。黑色效果
代码：
<EMBED style="FILTER: Xray()" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></EMBED>
6。模糊效果
代码：
<table style="FILTER: Alpha(Opacity=80,style=3)" height=50 cellSpacing=0 cellPadding=0 width=300 border=0 collapse? ?border-collapse:><tr><td><EMBED src="yuzuodeyun.mid" width=300 height=50 type=video/x-ms-wvx loop="-1" autostart="false"></embed></td></tr></table>
7。应用边框
<EMBED style="FILTER: Gray;border-width:1;BORDER-STYLE: dotted;" src="yuzuodeyun.mid" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="1"></embed>
以mid或者mp3的形式结尾后面的数字是播放次数。”-1”是循环播放。
