最简单的向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如何让三张图片在一行里显示
  • 热门搜索
    东南亚旅游 乌镇旅游攻略 开封旅游攻略 阿尔山旅游攻略 黑龙江旅游 庐山旅游 国际旅游 安吉旅游 青海旅游景点 泉州旅游