html添加播放音乐按钮(怎么用html做音乐播放列表)

1、由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放ltaudio src=quot。

2、1首先要创建一个简单的网页，网页上只有一个DIV文本内容2在这个网页中DIV的文本内容中，可以添加有背景音乐的网页3要为网页添加背景音乐，可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的，embed。

3、HTML代码中插入音乐播放器，大致有四种风格，代码如下白色普通播放器代码ltEMBED height=45 type=audiompeg width=300 src=音乐地址 volume=quot0quot loop=quot1quotltEMBED 黑色播放器代码ltEMBED style=quotFILTER Xrayquot。

4、4用HTML5的ltaudio标签来添加音乐我个人推荐楼主用这个方法，因为现在几乎所有的浏览器都兼容html5，除了少数古董浏览器，例如IE8等等ltaudio controls=quotcontrolsquot hidden=quothiddenquot autoplay=quotautoplayquot loop=quotloopquot lt。

5、设置音乐播放控制面板的外观，“console”为通常面板“smallconsole”为小型面板“playbutton”为是否显示播放按钮“pausebutton”为是否显示暂停按钮“stopbutton”为是否显示停止按钮“volumelever”为是否显示 音量调节。

6、运行页面，就可以看到一个mp3的播放器了04 点击播放器的播放按钮后，网页就可以播放mp3音乐了，非常简单。

7、controls如果出现该属性，则向用户显示控件，比如播放按钮height设置视频播放器的高度loop如果出现该属性，则当媒介文件完成播放后再次开始播放URL要播放的视频的 URLpreload如果出现该属性，则视频在页面加载时。

8、HTML插入音乐自动播放的代码代码可直接运行lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quot lttitleHTML5学堂。

9、可以用HTML5的audio标签实现音乐播放HTML5里面新增的有个audio标签，可以不需要Flash插件就可以在网页上播放媒体文件，目前只支持MP3，ogg，wav三种格式的音频文件IE9支持MP3 FirefoxOpera 支持ogg，wav Chrome 支持 ogg。

10、3在ltbodyltbody代码中之间输入插入背景音乐的代码“Bgsound”4在ltbgsound后面输入背景音乐文件路径指示命令src=quotmp3\yuemp3quotSRC用于标示路径文件5如果需要背景音乐不断地重复播放，可以输入重复播放的次数。

11、ltobject id=quotplayerquot height=quot280quot width=quot350quot classid=quotCLSID6BF52A52394A11d3B15300C04F79FAA6quot ltparam name=quotAutoStartquot value=quot1quot lt！是否自动播放 ltparam name=quotBalancequot value=quot0quot。

12、ltEMBED src=音乐地址 width=300 height=45 type=audiompeg loop=quot1quot autostart=quotfalsequot volume=quot0quotltEMBED 解释其中 width=100 height=40 中的数字分别表示播放器的宽度和高度 ，注意都选择0将隐藏播放器。

13、mp3quotltaudio3浏览器运行indexhtml页面，此时一进入页面就自动播放了背景音乐。

14、endtime 设置音乐结束播放的时间，具体格式同上width 设置音乐播放控制面板的宽度height 设置音乐播放控制面板的高度controls 设置音乐播放控制面板的外观，“console”为通常面板“smallconsole”为小型面板“playbutton”。

15、设置音乐结束播放的时间，具体格式同上width 设置音乐播放控制面板的宽度height 设置音乐播放控制面板的高度controls 设置音乐播放控制面板的外观，“console”为通常面板“smallconsole”为小型面板“playbutton”为是否。