注册 | 登陆

怎样在主页或bbs中嵌入播放器(实战解析)

Submitted by xreacn on 2005, April 17, 11:55 PM. 站点建设


  如果您想将播放器结合其他网页，你可以参考以下两种方法：

a.frameset法
首先将播放器上传至您的空间（最好是在bbs目录下，这样容易识别路径）。

其次插入框架页，将播放器和论坛嵌在一起，可以参考以下代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>您的论坛名称</title>
</head>

<frameset rows="*,11" frameborder="NO" border="0" framespacing="0">
<frame src="http://论坛首页地址(如index.asp)" name="mainFrame" scrolling="yes">
<frame src="http://播放器地址" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<noframes><body>       |     或<noframes></noframes>
                |
</body></noframes>     |     效果自己测试比较，本站建议用后者
</html>

最后如果您想实现bbs中播放器的打开和关闭的话,
可以在bbs的首页中加如下代码:

<a href="http://框架页地址" target="_parent">打开播放器</a>

在播放器的首页中加如下代码：

<a href="http://论坛首页地址(如index.asp)" target="_parent">关闭播放器</a>

如果您想把播放器放在顶端,只要修改下面这句就是了:

<frameset rows="*,11" frameborder="NO" border="0" framespacing="0">

将"*,11" 变成"11,*",并修改"11"变成适合播放器的高度就可以了。

详情参阅: http://aboutplayer.com/bbs/index.asp?action=View_topics&id=27

b.iframe法(适用于主页，不宜用于论坛等密码登陆形式)
下面是框架代码：

<html>
<head>
<title>aboutplayer.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body scroll="no" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table width="100%" height="100%" border=0 align="center" cellpadding="0" cellspacing="0" style="table-layout:fixed">
<tr>
<td height="100%">
<IFRAME style="WIDTH: 100%;height:100%" marginWidth=0 marginHeight=10 src="http://aboutplayer.com/guestbook/index.asp" frameBorder=0 scrolling=yes></IFRAME></tr>
<tr>
<td height=30><script src="http://aboutplayer.com/music.js"></script></td>
</tr>
</table>
</body></html>

通过以上的设置，就可以让访问者边浏览您的网页时，也能令歌曲不间断播放。
红色部分要根据您的具体情况更改！index.asp：为您的主页，height=30为您播放器的高度。
请根据不同代码的实际高度设定（本例为height=30）

music.js的代码如下：

document.write('<div align="center"><iframe src="http://aboutplayer.com/bbsmp3/player/selectindex.htm" width="100%" height="30" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe></div>');

演示
::点击图片在新窗口中打开::

说明：iframe 适用于播放器和主页，不宜用于论坛等以密码登陆的页面。

« 上一篇 | 下一篇 »

Trackbacks

点击获得Trackback地址,Encode: UTF-8

发表评论

评论内容 (必填):