13518219792
HTML代码，其中使用HTML5标签有audio、input中type="range"标签。“播放列表”的li标签太长，合并缩起来如下：
创新互联公司网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队，负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作，以确保网站外观精美、网站设计制作、网站设计易于使用并且具有良好的响应性。
CSS代码
输入相应的CSS代码
JavaScript代码
获取HTML元素，包括点击的按钮，图片，播放列表等
音量按钮的JavaScript代码
设置自动播放、播放文件、播放音量、播放时间、播放切换的JavaScript代码
上一首点击按钮JavaScript代码
下一首点击按钮JavaScript代码
点击列表播放JavaScript代码
IOS不允许自动播放背景音乐。android的话javascript可以使用audio标签，然后在下方增加一段该标签的play()动作。例如audio id="bgaudio"src="sound.wav"/audioscript type="text/javascript"document.getElementById('bgaudio').play();/script
HTML插入音乐自动播放的代码（代码可直接运行）!DOCTYPE htmlhtmlhead。
meta charset="UTF-8" /titleHTML5学堂 - ;/title。
特点
超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
以上内容参考：百度百科-HTML
有4个方法：
1. 可以用传统的方法插入背景音乐
body
bgsound src="你要播放的音乐url"
/body
2. 广泛兼各种浏览器的方法
embed src="背景音乐的路径" loop=“是否循环播放”/embed
3.插入一个flash播放器，然后播放相应的音乐。个人不推荐这种方法，因为flash已经没前途了，比如，现在的手机浏览器几乎都不直接支持flash了。
4.用HTML5的audio标签来添加音乐。我个人推荐楼主用这个方法，因为现在几乎所有的浏览器都兼容html5，除了少数古董浏览器，例如IE8等等。
audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop"
source src="你要播放的音乐.ogg" type="audio/ogg" /
source src="你要播放的音乐.mp3" type="audio/mpeg" /
/audio
上面这段代码可以让播放器隐藏起来，不影响网页布局。
可以使用html5的audio标签来添加音乐播放器
audio controls
type:指定文件类型
source src="horse.ogg" type="audio/ogg"
source src="horse.mp3" type="audio/mpeg"
/audio
对应的参数属性如下图：
