1、插入背景音乐

<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"

src="https://lh-sycdn.kuwo.cn/d6ad9447bc4fbb3d09a489e5ca2396e6/636f5303/resource/n1/65/40/3093530310.mp3">

你的浏览器版本太低,不支持audio标签

</audio>

在线音乐获取方式:以酷我音乐为例,

在HTML静态页面中插入在线音乐_f5

使用说明:

1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。

2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。

3、使用"loop="loop",则是为了是背景音乐重复播放。

4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。

5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。

播放按钮隐藏

在HTML静态页面中插入在线音乐_html_02

直接使用css 的display控制audio标签的显示:

<style type="text/css">
audio{

display: none;

}
</style>