(jsp/html)网页上嵌入播放器(常用播放器代码整理)

这个其实很简单,只要在HTML上添加以上代码就OK了,前提是你的电脑上已经安装了播放器,如RealPlay。


代码如下:

<embed src="C:/mp3/10.19/画心.mp3" width="480" height="100"02. loop="false" autostart="false">
</embed>

还有更多的的播放器和设置可供选择:
页面插入REAL播放器代码:


代码如下:

<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=60 id=video1 style=LEFT:0px;TOP:0px width=209>
<param name=_ExtentX value=5530>
<param name=_ExtentY value=1588>
<param name=AUTOSTART value=1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=RM.RAM.RA等音乐文件绝对地址>
<param name=CONTROLS value=StatusBar,ControlPanel>
<param name=CONSOLE value=RAPLAYER>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</object>

页面插入Media Player播放器代码:


代码如下:

<OBJECT id=mPlayer1 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6 width=220 height=64 type='application/x-oleobject"'>
<PARAM NAME="URL" VALUE="WMA音乐文件绝对地址">
<PARAM NAME="rate" VALUE="1">
<PARAM NAME="balance" VALUE="0">
<PARAM NAME="currentPosition" VALUE="0">
<PARAM NAME="defaultFrame" VALUE="">
<PARAM NAME="playCount" VALUE="100">
<PARAM NAME="autoStart" VALUE="-1">
<PARAM NAME="currentMarker" VALUE="0">
<PARAM NAME="invokeURLs" VALUE="-1">
<PARAM NAME="baseURL" VALUE="">
<PARAM NAME="volume" VALUE="100">
<PARAM NAME="mute" VALUE="0">
<PARAM NAME="uiMode" VALUE="full">
<PARAM NAME="stretchToFit" VALUE="0">
<PARAM NAME="windowlessVideo" VALUE="0">
<PARAM NAME="enabled" VALUE="-1">
<PARAM NAME="enableContextMenu" VALUE="0">
<PARAM NAME="fullScreen" VALUE="0">
<PARAM NAME="SAMIStyle" VALUE="">
<PARAM NAME="SAMILang" VALUE="">
<PARAM NAME="SAMIFilename" VALUE="">
<PARAM NAME="captioningID" VALUE="">
</OBJECT>

页面插入Media Player(视频)播放器代码:


代码如下:

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" height=260 width=320>
<param name="Filename" value="MTV视频文件绝对地址">
<param name="PlayCount" value="0">
<param name="AutoStart" value="1">
<param name="ClickToPlay" value="1">
<param name="EnableFullScreen Controls" value="1">
<param name="ShowAudio Controls" value="1">
<param name="EnableContext Menu" value="1">
<param name="ShowDisplay" value="0">
</object>

BLOG中插入音乐播放器

进入控制面板,点击“首页内容维护”,在“自定义空白面板”中,新增一个空白面板,
勾选“源代码”后,粘贴以下代码:


代码如下:

<embed src=http://163.20.114.1/~t120/bug.mp3 width=200 height=45 type=audio/mpeg
loop="false" autostart="false">

或者用这个代码:


代码如下:

<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=180 height=170 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://bbs.hndt.com/UploadFile/2005-6/和父亲跳舞.wma___200561817222223885.wma'>
<PARAM NAME='UIMode' value='full'><PARAM NAME='AutoStart' value='true'>
<PARAM NAME='Enabled' value='true'>
<PARAM NAME='enableContextMenu' value='false'>
<param name='WindowlessVideo' value='true'></object>

上面这个长,但比较实用,能自动调网上的插件,几乎的音乐视频都播

注意:http://后面的是歌曲的URL地址.在这我随便写的,你可以换成你喜欢的音乐,
但必须是URL,就是搜索音乐后点右键看它的属性.把属性粘贴过来就ok了.
播放器宽度和高度width=200 height=50 你根据需要设置,宽度和高度设为0的话,
就成为了背景音乐,访客就看不到播放器就不能随意开启和关闭它。
(设置完就会有播放器出现,你可以随便改变自己喜欢的音乐.换链接地址就行)
loop="true"为连续循环播放,loop="false"为不循环播放.你自由控制.
autostart="true"为自动播放,autostart="false"为不自动播放.你自由控制.
loop="2",就是音乐循环播放2次。3,4,5---以次类推.
支持的音乐格式: wma mp3 rm ra ram asf mid.
做完保存后就点左边的"定制我的首页"----"添加模块"---钩选你刚才保存的空白面板---
确定,登陆看看,你就可以听到音乐了.
试几次就成了,习惯就简单了.
对了,歌曲的URL地址与width=200 height=50 之间要留有一空格距离,否则歌曲将无法播放.

如何贴rm,ra,ram类型的音乐,代码如下:


代码如下:

<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";>

如何贴midi,asf,wma,asx类型的音乐,代码如下:


代码如下:

<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid";>

只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面白色显示的音乐地址代码就可以了。

造成音乐不能成功播放的大多数原因:
A:音乐文件错误,有可能这个文件本身就不是音乐的文件,只是一个普通的HTML页面。
B:音乐文件地址错误,这个音乐文件根本不存在。
C:没有安装相关的播放软件。

测试的办法:请把音乐文件地址在IE栏输入,如果提示你保存,保存的文件类型是rm、ram、midi等的文件即是音乐文件。如果打开这个文件是自动播放音乐或显示其他内容的,则不是。

添加带音乐的flash,然后在弹出窗口输入你的FLASH地址,注意后戳名为:http://xxxxx.xxxx.swf,大小可以调整为,1*1,这样可以在不显示FALSH的情况下播放音乐,但是记住要为自动播放的,不要找那种需要按开始的FLASH

加入一段在线音乐播放代码,推荐使用:<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供

以下是简单的代码:首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:

<bgsound src=”url” loop=-1>

“url”依然是路径名,loop表示循环数,-1表示始终循环

来看第二种:
<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k">
其中各个属性的含义如下:

SRC:音乐文件路径
(以下可选) AUTOSTART:音乐文件上传完后自动播放,TRUE为播放,FALSE为否
LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数
WIDTH,HEIGHT为播放控制面板的宽和高,
其余的属性有:
volume:取值范围为"0-100",设置音量,默认为系统本身的音量
starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10秒开始播放
endtime: "分:秒",设置歌曲结束播放的时间
controls :控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever"

·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮
hidden: 为true时可以隐藏面板

背景音乐代码精简
1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false"
即可...

------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了

2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"

---------controls="ControlPanel"这个控制选项可省略

--------width="0" height="0"表示隐藏播放,和前面的一样。
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100"

--------------------------------------------------
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了--->

<embed src="背景音乐网址" >
-----------------------------------------------------

另外:bgsound src="背景音乐路径" loop="-1">

这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。
而,<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3类型的音乐类型.

这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~

支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....

视频文件的插入方法也和上面所说的一样,设置好合适的

音乐代码解释
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">
解释一下:

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后,就自动播放音乐。 TRUE 是要 
FALSE 是不要,内定值是不要。

LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE" 

WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度 

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE 

   CONSOLE 一般正常的面板
   SMALLCONSOLE 较小的面板
   PLAYBUTTON 只显示播放按钮
   PAUSEBUTTON 只显示暂停按钮
   STOPBUTTON 只显示停止按钮
   VOLUMELEVER 只显示音量调整钮

◆◆◆◆◆MTV代码
<embed id="MediaPlayer963" src="MTV的地址" width="305" height="250"
type="video/x-msvideo" autostart="true" loop="false" align="left">

◆◆◆◆◆不用播放器也能无限放歌曲代码
<iframe name="I1" src="http://biz.cnhoo.com/wz/test/Edikongjian_yinyue.htm"
width="1" height="1">

◆◆◆◆◆背景音乐代码(写在日记标题里)
显示播放器代码:
<embed src=http://你的音乐地址>
不显示播放器代码:
(由于日记标题有字数限制,所以请大家选择较短的音乐地址,否则背景音乐将失效)
<embed src=http://你的音乐地址 width="0" height="0" loop="999">
代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址

◆◆◆◆◆视频MTV代码(写在日记内容里)
<embed src= http://你的视频文件地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=124 width=180 autostart=true
loop=true>
代码中的视频文件地址就是网上以.rm结尾的网址。播放器的大小可以自己调整代码中
的数值,只需改height =“高度”,width =“宽度”

◆◆◆◆◆电台代码(写在日记内容里)
<embed src= http://你的电台地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=124 width=180 autostart=true
loop=true>
代码中的电台地址就是网上以.asp结尾的网址

◆◆◆◆◆音乐播放代码
<iframe src=音乐地址 frameborder=0 width=100% height=34>

◆◆◆◆◆全能播放器代码
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src=/'http://tf1000.go2.icpcn.com/mp3/top.htm/' frameBorder=/'0/'
width=/'975/' scrolling=/'no/' height=/'21/'></div>';">

◆◆◆◆◆一款很酷的嵌入式播放器代码
<img src="javascript :Mlogo.&#105;nnerHTML+='<div id=MVPlayer
style=position:absolute;top:0;left:0;width:925;height:655;></div>';MVPlayer
&#105;nnerHTML='<&#105;frame
src=http://wonzone.go2.icpcn.com/qzone/mvp/mvp.htm?
mvx=700&mvy=445&mvw=225&mvh=180&mvlst=http://wonzone.go2.icpcn.com/qzon
e/test.js&ctrlp=true&lstmd=1&dd8h=445&ctrlpx=49&ctrlpy=625&rndp=true
allowTransparency=true width=925 height=655 marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=no name=MVP></&#105;frame>'"
style=display:none>
用记事本把代码中的&全部替换成半角&,否则无效.

◆◆◆◆◆音乐播放器代码(支持多种格式)
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src="https://'http://tf1000.go2.icpcn.com/mp3/top.htm"/' frameBorder=/'0/'
width=/'975/' scrolling=/'no/' height=/'21/'></div>';">
全能播放器:支持rm、mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi等格式

◆◆◆◆◆5种超酷MP3播放器随意放代码
<content><img
src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src=/'http://218.80.220.26/QQZONE/25514291/files/music/music5.htm /'
frameBorder=/'0/' width=/'930/' scrolling=/'no/'
height=/'33/'></div>';"></content>
top:0;left:0 表示距离上面和左边的距离,可以修改

◆◆◆◆◆家庭影院代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true">
<img oncontextmenu="return false" title="" height="529"
src="http://photoimg24.qq.com/cgi-bin/load_pic?
verify=qi4PbOWvS%2FBcyd7oL7ik%2Fg%3D%3D" width="707" align="middle"
border="0"></div>
<div id="layer23" style="left: 229px; overflow: hidden; width: 262px;
position: absolute; top: 128px; height: 210px; zindex: 200; padding: 0px"
resiziable="true">
<embed id="MediaPlayer963" src="你的视频地址" width="303" height="300"
type="video/x-msvideo" autostart="true" loop="false" align="left"></div>

◆◆◆◆◆顶部MTV代码
<img src="javascript:var
s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzon
e/public/mtv_top.js';document.body.appendChild(s);"
style=display:none></img>

◆◆◆◆◆一款超酷FLASH滚动播放器代码(本人推荐使用)
<EMBED src=http://www.zhuiluren.com/MusicBYSEA.swf width=460 height=650
type=application/x-shockwave-flash><DIV></DIV>

◆◆◆◆◆插入视频代码(代码生成器生成的)
..只播放一遍需要手动打开的视频播放代码
</textarea><embed src=视频地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=False>
..循环播放的视频播放代码
</textarea><embed src=视频地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=True>
..自动播放的视频播放代码
</textarea><embed src=视频地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=False>
..自动播放+循环播放代码
</textarea><embed src=视频地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=True
loop=True>

◆◆◆◆◆插入音乐代码(代码生成器生成的)
..只播放一遍需要手动打开的音乐播放代码
</textarea><embed src=音乐地址 width=2 height=2 autostart=False loop=False>
..循环播放的音乐播放代码
</textarea><embed src=音乐地址 width=2 height=2 autostart=True loop=False>
..循环播放+自动音乐播放代码
</textarea><embed src=音乐地址 width=2 height=2 autostart=True loop=True>
..循环播放+自动音乐播放+隐藏播放器代码
</textarea><embed src=音乐地址 width=0 height=0 autostart=True loop=True>
..自动音乐播放代码
</textarea><embed src=音乐地址 width=2 height=2 autostart=False loop=True>
..隐藏播放器代码
</textarea><embed src=音乐地址 width=0 height=0 autostart=False loop=False>
..循环播放+自动播放+播放器代码
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:;left:;/'><iFRAME name=I1 src=/'音乐地址
/' frameBorder=/'0/' width=/'/' scrolling=/'no/' height=/'/'></div>';">

(0)

相关推荐

  • js实现的万能flv网页播放器代码

    本文实例讲述了js实现的万能flv网页播放器代码.分享给大家供大家参考,具体如下: <div id="player5"><script type="text/javascript" src="swfobject.js"></script><script type="text/javascript"> var s5 = new SWFObject("FlvPlayer20

  • js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

    本文实例讲述了js实现可兼容IE.FF.Chrome.Opera及Safari的音乐播放器.分享给大家供大家参考.具体实现方法如下: /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(audioplayer!=nu

  • javascript实现简单的html5视频播放器

    效果: 代码很简单 js define("html5_video_player", [ '../avalon-min'], function(avalon) { function formatTime(seconds) { var seconds = Math.round(seconds); var minutes = Math.floor(seconds / 60); seconds = Math.floor(seconds % 60); minutes = (minutes >

  • 运用js教你轻松制作html音乐播放器

    用HTML做了个音乐播放器,可以循环播放,选择歌曲,以及自动播放下一首,运用了js和json知识,下面是效果图和源码,有兴趣的可以试试哦 效果图: 源码:html <span style="color:#999999;"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>音乐播放器</title> <sc

  • javascript 播放器 控制

    详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link href="style/style.css&quo

  • js的flv视频播放器插件使用方法

    使用非常简单,小伙伴们只要修改对应的参数即可,这里就不多废话了,直接奉上实例吧. <div class="txt1"> <script type="text/javascript"> var swf_width=307 var swf_height=182 var texts='快乐星汉堡' var files='http://v.78.cn/kuailexing/sp.flv' </script> <!--<scri

  • 比较炫的图片播放器 js 焦点效果代码

    图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:a

  • JS HTML5 音乐天气播放器(Ajax获取天气信息)

    晚上要考软件工程,实在不想复习.写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明 PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置.另一个是服务器端的weather.php,获取天气信息返回json. weather.php就不写了,里面的对应路径存放对应的文件 演示地址: http://569375.ichengyun.net/fm/ 实现功能:音乐播放,进度调节(滑动模块),音量条

  • JavaScript实现带播放列表的音乐播放器实例分享

    代码较最基础的播放器实现增加了playlist,使用MakeList实现多首播放,有需要的可以直接使用: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

  • 原生JS实现小小的音乐播放器

    前  言 最近在复习JS,觉得音乐播放器是个挺有意思的东西,今天就来用我们最原生的JS写一个小小的音乐播放器~ 主要功能: 1.支持循环.随机播放 2.在播放的同时支持图片的旋转 3.支持点击进度条调整播放的位置,以及调整音量 4.显示音乐的播放时间 5.支持切歌:上一首.下一首.点击歌名切歌:暂停播放等~ 添加音乐有两种方式: ①可以用一个audo标签,这样应该把音乐的地址存放到一个数组中: ②第二种方式是,有几首歌就添加几个audo标签,然后获取所有的背景音乐(示例中我们先添加三首音乐,放到

随机推荐