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

Posted 2023-04-01

参考技术A

最简单的向html网页添加背景音乐的方法是什么？在html5里，直接有一个对应的控件就可以添加背景音乐了，下面我们来看一下。

01

在html5里，有一个audio的标签，我们先在html里加上这个标签。

02

这个audio标签，里面有一个子标签，就是source标签，主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。

03

运行页面，就可以看到一个mp3的播放器了。

04

点击播放器的播放按钮后，网页就可以播放mp3音乐了，非常简单。

怎么在html里插音乐 在html里插音乐的方法简述

参考技术A 1、首先要创建一个简单的网页，网页上只有一个DIV文本内容；

2、在这个网页中DIV的文本内容中，可以添加有背景音乐的网页；

3、要为网页添加背景音乐，可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的，embed src=tt.mp3 hidden=true；

4、为了隐藏背景音乐以这个多媒体控件，embed标签添加了hidden隐藏属性，要让背景音乐在打开网页后就自动播放，我们可以添加 autostart属性，autostart=true；

5、默认下多媒体控件只会播放一次，播放完就停止了，如果想让背景音乐不停的播放，那可以添加loopn属性，loop=true。