如何在网页中嵌入播放器

最新推荐文章于 2023-05-01 01:10:53 发布

xiu_nan

最新推荐文章于 2023-05-01 01:10:53 发布

阅读量3.6k

点赞数 1

分类专栏：网络相关文章标签：框架音乐 iframe border blog scroll

网络相关专栏收录该内容

2 篇文章 0 订阅

订阅专栏

谈谈网页中如何加入音乐播放器，主要的方法有下面这么三种：

1、直接代码法

这种方法最简单，只要将代码插入你想放置播放器的地方即可，但是它的缺点很显著，如果你的

网站有多个网页，音乐播放器只在你加入代码的页面里出现；即使你在多个网页中都加入了代码

，打开新的链接，也会使音乐播放器重置刷新，歌曲就会重新播放。代码如下：
<script src="http: //aboutplayer.com/music.js"></script>

2、frameset法

这种方法利用网页框架，网页播放器作为框架的一部分（一般在上部或者下部占用一小栏），然

后剩下的部分就是原来的网站。通过框架的方式将播放器和网站论坛嵌在一起，点击网站里的任

何链接，只会更新框架的主体网站部分，网页播放器的部分不会刷新，访客就可以流畅的欣赏歌

曲了。

网页框架的代码如下：

PS：音乐播放器放在空间根目录的ExobudMP文件夹下，exobud.htm为播放器链接；我的BLOG放

在根目录的blog文件夹下，首页链接为index.php（实则无音乐版的blog链接）；上面的框架网

页放在根目录，作为默认index.htm

3、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>

PS：红色部分为主页链接，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>');

xiu_nan

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何在网页中嵌入播放器

谈谈网页中如何加入音乐播放器，主要的方法有下面这么三种：1、直接代码法这种方法最简单，只要将代码插入你想放置播放器的地方即可，但是它的缺点很显著，如果你的网站有多个网页，音乐播放器只在你加入代码的页面里出现；即使你在多个网页中都加入了代码，打开新的链接，也会使音乐播放器重置刷新，歌曲就会重新播放。代码如下： 2、frameset法这种方法利用网页框架，网页播放器作为框架的一
复制链接

扫一扫