1.在HTML文件中添加如下代码即可(音频文件根据需要进行更改)
<audio autoplay="autopaly" loop="loop" controls="controls" id="audios"> <source src="http://like.qqak8.cn/music/music.mp3" type="audio/mp3" /> </audio>
说明:
1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
3、使用"loop="loop",则是为了是背景音乐重复播放。
4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。
注:若是想播放按钮隐藏,则使用以下语句:
直接使用CSS 的display控制audio标签的显示:
<style type="text/css"> audio{ display: none; } </style>
多首背景音乐的添加方法
网页刷新及打开一次随机播放一首music
内容十首音乐,音乐外链,可以自定义更换
可以从这里进行获取自己的音乐外链 音乐
以下内容添加载标签前就可以了
<!--随机背景音乐开始--> <!--音乐内容可自行换 枫墨博客 www.qqak8.cn--> <div id="fengmomusic"> </div> <script> //扬州姑娘 var m1 = "http://music.163.com/song/media/outer/url?id=515481072.mp3"; //音乐名 var m2 = "***"; //音乐名 var m3 = "***"; //音乐名 var m4 = "***"; //音乐名 var m5 = "***"; //音乐名 var m6 = "***"; //音乐名 var m7 = "***"; //音乐名 var m8 = "***"; //音乐名 var m9 = "***"; //音乐名 var m10 = "***"; var x = Math.round(Math.random() * 9); console.log(x); if (x == 0) x = m1 else if (x == 1) x = m2 else if (x == 2) x = m3 else if (x == 3) x = m4 else if (x == 4) x = m5 else if (x == 5) x = m6 else if (x == 6) x = m7 else if (x == 7) x = m8 else if (x == 8) x = m9 else x = m10 var obj = document.getElementById("fengmomusic"); obj.innerHTML = "<audio src=" + """ + x + """ + " " + "height="0"" + "autoplay="true"" + "loop="true"" + ">" + "</audio>";</script> <!--音乐内容可自行换 枫墨博客 www.qqak8.cn-->
ps:小程序显示若代码显示异常请点击原文地址进行浏览器查看