html5添加网页背景音乐 - 那片云网络
技术知识VIEWS
html5添加网页背景音乐
　　　来源：　　　作者：那片云网络　　　发布于： 17:02　　　浏览：
一个客户要求给网站添加一个背景音乐，我用的是html5添加网页背景音乐的代码，在此记录一下以后有用。
html5方法一：&audio autoplay=&& loop=&&&&source src=&http://mi.0w0.im/Letter_Song.mp3&&&/audio&不显示播放器。
html5方法二：&video controls=&& autoplay=&& name=&media&&&source src=&我是音乐& type=&audio/mpeg&&&/video&会显示播放器。
方法三：支持所有播放器：&embed src=&/uploadfile/m.mp3& autostart=&true& loop=&true& hidden=&true&&&/embed&我使用的此方法。
方法4：&bgsound src=背景音乐地址 loop=-1&
我使用的是方法三的代码，支持所有浏览器，方法1和2是html5的代码，有的浏览器还不支持html5所以慎用。特别注意的是使用方法3的代码，最好是把mp3传到自己的空间，网上找的外链，可能会出现自动下载的情况。
Copyright © 2013 - 2015 那片云网络, All Rights Reserved地址：资阳市世纪城2栋2单元601电话：028-相关文章推荐
最近项目中要增加一些特殊的功能，实现音乐的在线播放。虽说网上源码一大把，demo一大堆，但是能用的其实寥寥无几抓狂，看来关键时刻还是自己动手，丰衣足食啊。...
在网页中实现音乐播放功能
　　（一）、基本语法：
　　embed src=url
　　说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、...
原文：/article/7-cool-html5-player.html
这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有...
标签定义声音，比如音乐或其他音频流。其主要属性有src:要播放的音频的 URL,controls:如果出现该属性，则向用户显示控件，比如播放按钮。
几个主要的标签如下：
看下面的效果图很不错吧，是怎么实现的呢？下面小编给大家分享下我的一番宝物，Lisa唱的 在angel beats的插曲。用到html5、css、jquery实现此音乐播放器。
一番宝物，Lisa...
该文章是使用html5结合Jquery制作了一个简易的音乐播放器，在该播放器中实现了音乐的顺序播放，下一首，上一首和暂停等功能。...
心血来潮就用h5的新标签写了个简单的音乐播放器，实现的过程还是很简单的，对于前端来说最难的部分应该是让音乐盒歌词同步了吧。下面简单的说一下实现的步骤吧！先看一下成品的图片吧：一. 首先去网站下一些lr...
通过 HTML5，音乐在网络上东山再起。添加音频文件就像插入图像那样简单，并且用户能在浏览器外播放音乐，从而实现惊人的音乐体验。 标签的推出使您不再需要外部音乐播放器，在网站上实现真正的声音融合。
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)如何在网页中插入音乐播放器
我的图书馆
如何在网页中插入音乐播放器
如何在网页中插入音乐播放器
录入员:1010
加入时间:<font color="#cc-12-23 15:09:59
想要网页播放器的去这里下载：......cleid=a_701　　一般插入播放器有两种办法，一种是内框架，另一种是用外框架，两种方法各有优缺点，关键是看你个人的喜好了。　　内框架方法：　　优点：可以随意插入在网页的任意部分，比较方便；　　缺点：会随着主界面的刷新和变化而变化，这样每转换一次界面歌曲就会从头再来，很不爽；　　方法：在你想要插入播放器的部分（可以是表格或者层），加入以下代码就可以了　&iframe name="music" marginwidth=0 　marginheight=0 src="music/index.html" frameborder=0 　scrolling="no"&&width=100% height=40px&&/iframe& 　　说明：一般只需把src＝后面的链接换成自己音乐播放器的地址就可以了，可以是相对或绝对地址。　　外框架方法：　　优点：可以固定页面，主界面变化不会影响播放器界面，非常适合blog；　　缺点：加入会有些麻烦，而且是能在几个固定的地方，不过已经足够了，呵呵。　　方法1：用dreamweaver，新建框架集，看你想把音乐播放器放在什么位置，如果想放到下面就建&#8220;下方固定&#8221;的；这个时候你应该看到框架的页面了，如果看不到在　察看--&可视化助理　中把　框架边框　选中就可以了，在设计视图里用鼠标选中边框，托动到合适的高度，之后进入代码视图（注意，一定要选中框架边框后进入代码视图），找到　&frame src=　把上边的链接换成您blog的主页地址，下面的换成您网页播放器的地址（相对或绝对地址都可以），好了，基本上完成了，修改标题，保存框架页就可以了，现在如果你想要音乐版的就直接访问您刚刚保存的框架页文件就可以了，呵呵 　　　　方法2：如果你没有dreamweaver的话也没问题，只要研究下以下的代码就可以在网页中轻松加入音乐播放器了，看下面的代码：&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&&html xmlns="http://www.w3.org/1999/xhtml"&&head&&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&&title&大龙blog音乐版&/title&&/head&&frameset rows="*,33" cols="*" framespacing="0" frameborder="no" border="0"&&frame src="主页链接" name="mainFrame" id="mainFrame" /&&frame src="播放器链接" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" /&&/frameset&&noframes&&body&&/body&&/noframes&&/html&　　如果想要把播放器放到上面，只要修改　&frameset rows="*,33" cols="*" 为　&frameset rows="33,*" cols="*"　就可以了，剩下的就要你慢慢研究了，呵呵　　自我感觉说的还算比较详细了，我想高手们应该是不屑一看的，写这个教程的目的就是为了方便和偶水平差不多的菜鸟，呵呵，还望大家支持，有什么问题请给偶留言。
TA的最新馆藏[转]&[转]&
喜欢该文的人也喜欢2017年8月 总版技术专家分月排行榜第一
2017年11月 总版技术专家分月排行榜第二2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。}