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

 时间:2026-04-28 11:44:56

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网页添加背景音乐的方法

  • html+css怎么实现横向导航
  • 怎样减少html中段落的行间距
  • 怎么设置鼠标放在特定图片上图片亮度变化
  • HTML教程 编号列表(有序列表)
  • css如何让三张图片在一行里显示
  • 热门搜索
    小学生春节手抄报 扫黑除恶手抄报内容 手抄报设计大全 黑白手抄报 爱劳动手抄报简单漂亮 白衣天使手抄报 致敬抗疫英雄手抄报 庆六一手抄报内容 热爱生命手抄报 保护环境手抄报图片