提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

JSP网页HTML代码 常用 整理 播放器 嵌入
2023-06-13 09:14:59 时间
这个其实很简单，只要在HTML上添加以上代码就OK了，前提是你的电脑上已经安装了播放器，如RealPlay。
复制代码代码如下:

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

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

<objectclassid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFAheight=60id=video1style=LEFT:0px;TOP:0pxwidth=209>
<paramname=_ExtentXvalue=5530>
<paramname=_ExtentYvalue=1588>
<paramname=AUTOSTARTvalue=1>
<paramname=SHUFFLEvalue=0>
<paramname=PREFETCHvalue=0>
<paramname=NOLABELSvalue=0>
<paramname=SRCvalue=RM.RAM.RA等音乐文件绝对地址>
<paramname=CONTROLSvalue=StatusBar,ControlPanel>
<paramname=CONSOLEvalue=RAPLAYER>
<paramname=LOOPvalue=0>
<paramname=NUMLOOPvalue=0>
<paramname=CENTERvalue=0>
<paramname=MAINTAINASPECTvalue=0>
<paramname=BACKGROUNDCOLORvalue=#000000>
</object>

页面插入MediaPlayer播放器代码：
复制代码代码如下:
<OBJECTid=mPlayer1classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6width=220height=64type="application/x-oleobject"">
<PARAMNAME="URL"VALUE="WMA音乐文件绝对地址">
<PARAMNAME="rate"VALUE="1">
<PARAMNAME="balance"VALUE="0">
<PARAMNAME="currentPosition"VALUE="0">
<PARAMNAME="defaultFrame"VALUE="">
<PARAMNAME="playCount"VALUE="100">
<PARAMNAME="autoStart"VALUE="-1">
<PARAMNAME="currentMarker"VALUE="0">
<PARAMNAME="invokeURLs"VALUE="-1">
<PARAMNAME="baseURL"VALUE="">
<PARAMNAME="volume"VALUE="100">
<PARAMNAME="mute"VALUE="0">
<PARAMNAME="uiMode"VALUE="full">
<PARAMNAME="stretchToFit"VALUE="0">
<PARAMNAME="windowlessVideo"VALUE="0">
<PARAMNAME="enabled"VALUE="-1">
<PARAMNAME="enableContextMenu"VALUE="0">
<PARAMNAME="fullScreen"VALUE="0">
<PARAMNAME="SAMIStyle"VALUE="">
<PARAMNAME="SAMILang"VALUE="">
<PARAMNAME="SAMIFilename"VALUE="">
<PARAMNAME="captioningID"VALUE="">
</OBJECT>

页面插入MediaPlayer(视频)播放器代码：
复制代码代码如下:
<objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"id="MediaPlayer1"height=260width=320>
<paramname="Filename"value="MTV视频文件绝对地址">
<paramname="PlayCount"value="0">
<paramname="AutoStart"value="1">
<paramname="ClickToPlay"value="1">
<paramname="EnableFullScreenControls"value="1">
<paramname="ShowAudioControls"value="1">
<paramname="EnableContextMenu"value="1">
<paramname="ShowDisplay"value="0">
</object>


BLOG中插入音乐播放器

进入控制面板，点击“首页内容维护”，在“自定义空白面板”中，新增一个空白面板，
勾选“源代码”后，粘贴以下代码：
复制代码代码如下:
<embedsrc=http://163.20.114.1/~t120/bug.mp3width=200height=45type=audio/mpeg
loop="false"autostart="false">

或者用这个代码：
复制代码代码如下:
<objectid=nstvclassid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"width=180height=170codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=LoadingMicrosoft?WindowsMedia?Playercomponents...type=application/x-oleobject>
<paramname="URL"value="http://bbs.hndt.com/UploadFile/2005-6/和父亲跳舞.wma___200561817222223885.wma">
<PARAMNAME="UIMode"value="full"><PARAMNAME="AutoStart"value="true">
<PARAMNAME="Enabled"value="true">
<PARAMNAME="enableContextMenu"value="false">
<paramname="WindowlessVideo"value="true"></object>

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

注意:http://后面的是歌曲的URL地址.在这我随便写的,你可以换成你喜欢的音乐,
但必须是URL,就是搜索音乐后点右键看它的属性.把属性粘贴过来就ok了.
播放器宽度和高度width=200height=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=200height=50之间要留有一空格距离,否则歌曲将无法播放.

如何贴rm,ra,ram类型的音乐，代码如下：
复制代码代码如下:
<embedwidth="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类型的音乐，代码如下：
复制代码代码如下:
<embedautostart="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

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

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

<bgsoundsrc=”url”loop=-1>

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

来看第二种：
<EMBEDsrc="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、<embedsrc="背景音乐网址"hidden="true"autostart="true"loop="true">

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

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

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

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

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

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

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

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

<embedsrc="背景音乐网址">
-----------------------------------------------------

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

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

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

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

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

音乐代码解释
<embedautostart="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代码
<embedid="MediaPlayer963"src="MTV的地址"width="305"height="250"
type="video/x-msvideo"autostart="true"loop="false"align="left">

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

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

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

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

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

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

◆◆◆◆◆一款很酷的嵌入式播放器代码
<imgsrc="javascript:Mlogo.＆#105;nnerHTML+="<divid=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=truewidth=925height=655marginwidth=0marginheight=0
hspace=0vspace=0frameborder=0scrolling=noname=MVP></＆#105;frame>""
style=display:none>
用记事本把代码中的＆全部替换成半角&，否则无效.

◆◆◆◆◆音乐播放器代码(支持多种格式)
<imgsrc="javascript:document.getElementById("Mlogo").innerHTML+="<div
style=/"position:absolute;top:0;left:0;/"><iFRAMEname=I1
src="//"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;/"><iFRAMEname=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表示距离上面和左边的距离,可以修改

◆◆◆◆◆家庭影院代码
<divid="layer25"style="padding:0px;LEFT:2px;OVERFLOW:hidden;WIDTH:
634px;POSITION:absolute;TOP:0px;HEIGHT:530px;zindex:90"
resiziable="true">
<imgoncontextmenu="returnfalse"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>
<divid="layer23"style="left:229px;overflow:hidden;width:262px;
position:absolute;top:128px;height:210px;zindex:200;padding:0px"
resiziable="true">
<embedid="MediaPlayer963"src="你的视频地址"width="303"height="300"
type="video/x-msvideo"autostart="true"loop="false"align="left"></div>

◆◆◆◆◆顶部MTV代码
<imgsrc="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滚动播放器代码(本人推荐使用)
<EMBEDsrc=http://www.zhuiluren.com/MusicBYSEA.swfwidth=460height=650
type=application/x-shockwave-flash><DIV></DIV>

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

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

相关文章