45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:在网页中插入音乐播放器的方法步骤

在网页中插入音乐播放器的方法步骤

2016-03-26 07:25:34 来源:www.45fan.com 【

在网页中插入音乐播放器的方法步骤

录入员:1010 加入时间:2005-12-23 15:09:59
 
想要网页播放器的去这里下载:http://blog.macrolong.com......cleid=a_20050718_092701
 
一般插入播放器有两种办法,一种是内框架,另一种是用外框架,两种方法各有优缺点,关键是看你个人的喜好了。
 
内框架方法:
 
优点:可以随意插入在网页的任意部分,比较方便;
 
缺点:会随着主界面的刷新和变化而变化,这样每转换一次界面歌曲就会从头再来,很不爽;
 
方法:在你想要插入播放器的部分(可以是表格或者层),加入以下代码就可以了
 
<iframe name="music" marginwidth=0 marginheight=0 src="music/index.html" frameborder=0 scrolling="no"width=100% height=40px></iframe>
 
说明:一般只需把src=后面的链接换成自己音乐播放器的地址就可以了,可以是相对或绝对地址。
 
外框架方法:
 
优点:可以固定页面,主界面变化不会影响播放器界面,非常适合blog;
 
缺点:加入会有些麻烦,而且是能在几个固定的地方,不过已经足够了,呵呵。
 
方法1:用dreamweaver,新建框架集,看你想把音乐播放器放在什么位置,如果想放到下面就建“下方固定”的;这个时候你应该看到框架的页面了,如果看不到在察看-->可视化助理中把框架边框选中就可以了,在设计视图里用鼠标选中边框,托动到合适的高度,之后进入代码视图(注意,一定要选中框架边框后进入代码视图),找到<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/html; 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="*"就可以了,剩下的就要你慢慢研究了,呵呵
 
自我感觉说的还算比较详细了,我想高手们应该是不屑一看的,写这个教程的目的就是为了方便和偶水平差不多的菜鸟,呵呵,还望大家支持,有什么问题请给偶留言。
 

本文地址:http://www.45fan.com/a/question/43706.html
Tags: 网页 插入 音乐
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部