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

html-css04

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

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

01

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

02

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

03

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

04

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

可以使用html5的audio标签来添加音乐播放器

<audio controls>

type:指定文件类型  

<source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

</audio>

对应的参数属性如下图: