在html中，可以使用embed标签添加音乐，只需要在body区域内添加“98121db91e6a86c1de60128b733e76ce”代码即可。embed标签可以用来插入各种多媒体，格式可以是 midi、wav、aiff、au、mp3等等。
本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
可以使用embed标签添加音乐，d8e2720730be5ddc9c2a3782839e8eb6 标签定义嵌入的内容，比如插件。
语法：
embed src=url
说明：embed可以用来插入各种多媒体，格式可以是 midi、wav、aiff、au、mp3等等，netscape及新版的ie 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
示例:
代码如下:
<embed src="your.mid">
二、属性设置
1、自动播放：
语法：autostart=true、false
说明：该属性规定音频或视频文件是否在下载完之后就自动播放。
true：音乐文件在下载完之后自动播放；
false：音乐文件在下载完之后不自动播放。
示例：
代码如下:
<embed src="your.mid" autostart=true><embed src="your.mid" autostart=false>
2、循环播放：
语法：loop=正整数、true、false
说明：该属性规定音频或视频文件是否循环及循环次数。
属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；
属性值为true时，音频或视频文件循环；
属性值为false时，音频或视频文件不循环。
示例：
代码如下:
<embed src="your.mid" autostart=true loop=2> <embed src="your.mid" autostart=true loop=true> <embed src="your.mid" autostart=true loop=false>
3、面板显示：
语法：hidden=ture、no
说明：该属性规定控制面板是否显示，默认值为no。
ture：隐藏面板；
no：显示面板。
示例：
代码如下:
<embed src="your.mid" hidden=ture> <embed src="your.mid" hidden=no>
4、开始时间：
语法：starttime=mm:ss（分：秒）
说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
示例：
代码如下:
<embed src="your.mid" starttime="00:10">
5、音量大小：
语法：volume=0-100之间的整数
说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
示例：
代码如下:
<embed src="your.mid" volume="10">
6、容器属性：
语法：height=# width=#
说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。
height：控制面板的高度； width：控制面板的宽度。
示例：
代码如下:
<embed src="your.mid" height=200 width=200>
7、容器单位：
语法：units=pixels、en
说明：该属性指定高和宽的单位为pixels或en。
示例：
代码如下:
<embed src="your.mid" units="pixels" height=200 width=200> <embed src="your.mid" units="en" height=200 width=200>
8、外观设置：
语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 说明：该属性规定控制面板的外观。默认值是console。
console：一般正常面板；
smallconsole：较小的面板；
playbutton：只显示播放按钮；
pausebutton：只显示暂停按钮；
stopbutton：只显示停止按钮；
volumelever：只显示音量调节按钮。
示例：
代码如下:
<embed src="your.mid" controls=smallconsole> <embed src="your.mid" controls=volumelever>
9、说明文字：
语法：title=#
说明：#为说明的文字。该属性规定音频或视频文件的说明文字。
示例：
代码如下:
<embed src="your.mid" title="第一首歌">
扩展资料：
webm的倡导
由于avc(h.264)的授权问题，以chrome、firefox、opera为首的开源阵营开始动摇对avc的支持，尽管目前这些浏览器仍然能够支持avc，但是它们也倾向于一个叫做webm的开源多媒体项目，该项目包括一个叫vp8的新的开源视频编解码方案。目前vp8已经发展到了vp9。作为封装格式的webm具有.webm的后缀和video/webm的mime类型。在音频方面，可以使用vorbis/opus。从兼容性看，chrome、firefox、opera对vp8的兼容性相当理想，但是safari和ie几乎无法支持。
开源的ogg
ogg几乎与webm相同，开源，被广泛的在开源平台支持。其视频编码方案称为theora(有vp3发展而来，由xiph.org基金会开发，可被用于任何封装格式)，音频为vorbis。后缀通常为.ogv或.ogg，mime类型为video/ogg。在兼容性上，chrome、firefox、opera能够支持（但是opera在移动平台上无法支持），但是safari和ie几乎无法支持。
html5方案
以上的讨论实际上的大前提是：视频基于html5的<video>方案。现在我们来总结一下兼容性：
codecs/container
ie
firefox
safari
chrome
opera
iphone
android
theora+vorbis+ogg
·
3.5+
5.0+
10.5+
·
·
h.264+aac+mp4
9.0+
·
3.0+
5.0+‡
·
3.0+
2.0+
webm
9.0+*
4.0+
6.0+
10.6+
·
2.3+
* ie9 “只有当用户安装了vp8的编解码器时”才能支持vp8。
‡ google chrome 2011年宣布 放弃h.264, 但是“还没兑现”。
可以看出现在主流的仍然是mp4(avc)，但是为了解决“开源阵营”对avc的摇摆不定，可以选择利用video的多源方案，在avc的基础上额外提供对webm或ogg的支持：
<video poster="movie.jpg" controls> <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'> <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'> <source src="movie.mp4" type='video/mp4; codecs="avc1.4d401e, mp4a.40.2"'> <p>this is fallback content</p></video>
浏览器会根据自己的偏好来选择具体加载那种格式的流媒体文件，当然服务端必须对同一个视频提供多种格式的支持，具体可以这么做：
提供一个webm的视频版本（vp8+vorbis）
提供一个mp4的视频版本（h.264+aac(low complexity)）
提供ogg版本（theora+vorbis）
服务端推荐使用nginx，尽量注意mime类型的配置正确
推荐学习：html视频教程
以上就是html怎么添加音乐mp3的详细内容。