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

  • html+css怎么实现横向导航
  • 怎样减少html中段落的行间距
  • 怎么设置鼠标放在特定图片上图片亮度变化
  • HTML教程 编号列表(有序列表)
  • css如何让三张图片在一行里显示
  • 热门搜索
    阴囊潮湿怎么治疗 蚊子咬了怎么消肿止痒最快 电子表怎么调时间 总胆红素高是怎么回事 头发硬怎么变软 cpu使用率100怎么办 淡奶油怎么打发 端午节用英语怎么说 寒气重怎么调理 cad怎么填充颜色