最简单的向HTML网页添加背景音乐的方法

最简单的向HTML网页添加背景音乐的方法是什么？在html5里，直接有一个对应的控件就可以添加背景音乐了，下面我们来看一下。

01

在html5里，有一个audio的标签，我们先在html里加上这个标签。

02

这个audio标签，里面有一个子标签，就是source标签，主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。

03

运行页面，就可以看到一个mp3的播放器了。

04

点击播放器的播放按钮后，网页就可以播放mp3音乐了，非常简单。

HTML代码中插入音乐播放器，大致有四种风格，代码如下：

白色普通播放器代码：

<EMBED height=45 type=audio/mpeg width=300 src=音乐地址 volume="0" loop="-1"></EMBED>

黑色播放器代码：

<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>

灰色播放器代码：

<EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>

棕色播放器代码：

<EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>注：代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0"

表示设定的音量大小，数值大小在0--100之间

、

loop="-1"

表示循环播放

。

---