最简单的向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如何让三张图片在一行里显示
  • 热门搜索
    钥匙丢了怎么办 怎么清理电脑内存 气血不足怎么补 穿心莲怎么吃 腿疼怎么办 肌肉腿怎么瘦 容声冰箱怎么样 亨氏米粉怎么样 白条鸡怎么炖好吃 童谣怎么写