nowindxdw
11/2/2017 - 8:03 AM

html播放器代码实践

txt
content_copyfile_download
<embed src="C:/mp3/10.19/画心.mp3" width="100%" height="50" loop="false" autostart="false"> 
</embed> 
音乐代码解释 
<embed autostart="true" loop="-1" controls="SMALLCONSOLE" 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"> 


◆◆◆◆◆视频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结尾的网址 


◆◆◆◆◆一款很酷的嵌入式播放器代码 
<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等格式 



◆◆◆◆◆家庭影院代码 
<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> 
以上方法在页面刷新时都会重新播放
利用frameset实现背景播放不中断
<!DOCTYPE html> <html> <head> </head> <frameset rows="45,*" frameborder="no" border="0" framespacing="0"> <frame src="bgm.html" name="topFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> <frame src="home.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> <noframes> <body> </body> </noframes> </html>
在这里，我将音乐播放器放在了顶部高为45的框架内，这个框架显示的是bgm.html的内容，也就是说音乐播放器放在bgm.html中。下面另一个框架完全用来显示网站的内容，这里首先显示的是home.html也就是网站的首页，当我在首页中点击一个链接切换至网站中的另一个页面时，只会刷新下面的框架中的内容，，而不会影响音乐的持续播放。若你要设置的不是音乐播放器而仅仅是背景音乐，将上面那个frame的高度45改为0即可，这样就不会显示bgm.html而只有声音。