如何在HTML中添加背景音乐？

如何在设计好的HTML网页的动态基础上添加一首背景音乐让整个画面极具美感呢？

今天小关就来介绍一下，添加背景音乐的几种方法

方法一：
在源代码中编写以下几句代码将能实现在HTML网页内添加背景音乐；

    <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
                src="http://demo.mimvp.com/html5/take_you_fly.mp3">
    </audio>

说明：
1、autoplay="autoplay"，背景音乐在音网页打开后自动播放。
点击并拖拽以移动
2、controls="controls"，为了在页面内显示显示控件，如播放按钮。

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

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

5、使用src="保存的绝对路径"，即是在""内加入背景音乐的保存路径，如：src="HTML网页制作\01.mp3"。

注：若是想播放按钮隐藏，则使用以下语句：

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

<style type="text/css">
     audio{
             display: none;
         }
</style>

 
方法二：

在<head></head>中的title标签之下添加以下这行代码

<embed src="web网页制作\03.mp3" hidden="true" autostart="true" loop="true">

说明：
1、src="保存的绝对路径",在""内添加你音乐的保存路径。

2、使用hidden="true"表示隐藏音乐播放按钮，相反使用hidden="false"表示开启音乐播放按钮。

3、使用autostart="true" 表示是打开网页加载完后自动播放。

4、使用loop="true"表示 循环播放 如仅想播放一次则为：loop="false"


方法三：

在HTML中敲写以下代码：
<bgsound src="音乐保存的绝对路径" autostart=true loop=infinite> 

说明：autostart=true，表示音乐在网页打开的同时加载音乐

希望能帮到大家，问你们要一个赞，你们会给吗，谢谢大家
版权声明：本文版权归作者（@攻城狮小关）和CSDN共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
大家写文都不容易，请尊重劳动成果~
交流加Q：1909561302
博客园地址https://www.cnblogs.com/guanguan-com/

如何在HTML中添加背景音乐？

悦读