<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
src=">
1、一般HTML的embed标签
<embed></embed> 来插入音乐播放控件一般只是实现单文件播放,而不能够播放/选择其他的音乐,引入播放列表文件 m3u 文件(号表示任意名字)来达到目的。
具体实现方法是让控件去读取列表文件,而不是直接读取音频文件,即:
如何编写m3u文件:新建文本文档(txt)-----输入音频文件的位置和名字,用换行表示列表的下一曲-----另存为 m3u -----再将该文件放到网站内,src正确引用。
2、使用html5的audio标签
<audio controls="controls"><source src="songogg" type="audio/ogg">
<source src="songmp3" type="audio/mpeg">
</audio>有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>
上面这段代码可以让播放器隐藏起来,不影响网页布局。
HTML插入音乐自动播放的代码(代码可直接运行)<!DOCTYPE html><html><head>。
<meta charset="UTF-8" /><title>HTML5学堂 - >
特点
超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(>
简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(>
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
百度百科-HTML
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)