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

时间:2026-02-13 09:47:38

1、可能有许多朋友在制作网页的时候想要为自己心爱的网页添加背景音乐。可是因为方法可能过于复杂不想去弄,今天呢,小小Ho带来一个很简单的方法.....

2、找到你要增加背景音乐的HTML网页,然后加入以下代码

<audio controls="controls" autoplay="autoplay" loop=-1>

  <source src="音频文件地址(最好是mp3)" type="audio/mpeg" />

</audio>

如图所示。

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

3、打开网页,看是不是有一个播放条(PS:需要浏览器支持HTML5,目前主流浏览器都支持这个吧!)

如果你不想看到这个进度条,那就用CSS的方法隐藏它,输入以下代码就ok。

<div style="display:none"; class="music">

  .......(这里填刚才那段代码。)

</div>

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

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com