首页 > 代码库 > HTML中添加背景音乐

HTML中添加背景音乐

<audio controls="controls" height="100" width="100">

  <source src="http://www.mamicode.com/小果 - 蒲公英的梦想.mp3" type="audio/mp3" />

  <source src="http://www.mamicode.com/小果 - 蒲公英的梦想.ogg" type="audio/ogg" />

  <embed height="100" width="100" src="http://www.mamicode.com/小果 - 蒲公英的梦想.mp3" />

</audio>

上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。

如果你不需要这个播放器,而是直接播放音乐。可以这样修改。

把 controls="controls" 去掉。这个意思是不要控件。

添加 autoplay="autoplay",意思是打开网页时自动播放。

循环播放添加 <audio loop="-1">音乐可以无限循环。

 

HTML中添加背景音乐