(jsp/html)网页上嵌入播放器(常用播放器代码整理) 程序员文章站 2023-12-01 18:03:40 这个其实很简单,只要在html上添加以上代码就ok了,前提是你的电脑上已经安装了播放器,如realplay。 复制代码 代码如下: 这个其实很简单,只要在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="//'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>';"> 上一篇: Retrofit Rxjava实现图片下载、保存并展示实例 下一篇: Photoshop设计制作出漂亮的彩色泡泡立体图标 推荐阅读 (jsp/html)网页上嵌入播放器(常用播放器代码整理) (jsp/html)网页上嵌入播放器(常用播放器代码整理) (jsp/html)网页上嵌入播放器 网上比较常用的嵌入网页中的播放器代码收藏 几个老式播放器的嵌入代码_HTML/Xhtml_网页制作 几个老式播放器的嵌入代码_HTML/Xhtml_网页制作 (jsp/html)网页上嵌入播放器 网上比较常用的嵌入网页中的播放器代码收藏