网页播放器代码大全 超经典版

windows Media Player 9.0网页播放器

(mp3.wma.wmv.asf)

以下图片为一般播mp3.wma文件时调用windows自带播放器windows Midia Player9.0所显示外观,非9.0版所显示的面板外观可能不同!

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

代码简介:

width(播放器面板宽度)

height(播放器面板高度)

autostart(自动播放,“=1”或“=true”即是功能有效,“=0”即是手动播放)

loop(循环播放,“=2”即是循环播放两次,“=-1”或“=true”即是无限次循环播放)

可变值:false 或 0(手动开启);true 或 1(自动开启)

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

(无文件信息显示)

 

银灰面板

<embed src="链接地址" width="300" height="45" loop="-1" ></EMBED>

 

灰白面板

<embed style="FILTER: Gray()" src="链接地址" width="300" height="45" loop="-1" ></EMBED>

 

棕色面板

<embed style="FILTER: invert()" src="链接地址" width=300 height=45 loop="-1" ></EMBED>

 

黑色面板

<embed style="FILTER: xray()" src="链接地址" width=300 height=45 loop="-1" ></EMBED>

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

(带显示文件播放信息)

 

<embed src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>

 

灰白色面板

<embed style="FILTER: Gray()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>

 

<embed style="FILTER: invert()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>

 

 

<embed style="FILTER: xray()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>

 

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

(显示文件标签信息)

 

<embed src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED> 

 

 

<embed style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED> 

 

 

 

<embed style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED>

 

 

<embed style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED>

 

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

(有图像的media播放器)

 

<param name="volume" value="100">是调整默认音量的选项,100是最大音量!

<object id="mPlayer1" width=300 height=300 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">

  <param name="URL" value="链接地址">

        <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="1">

        <param name="fullScreen" value="0">

        <param name="SAMIStyle" value>

        <param name="SAMILang" value>

        <param name="SAMIFilename" value>

        <param name="captioningID" value>

        <param name="enableErrorDialogs" value="0">

        <param name="_cx" value="7779">

        <param name="_cy" value="1693">

      </object>

 

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

以下三种加特效面板修改播放面板尺寸时,须将两组播放尺寸数值修改为一致才能正确显示。

如下例:width: 300px; HEIGHT: 300px"  width="300" height="300" 

 

 

光晕特效。

-----------------

opacity(不透明度)、finishopacity(平滑度)、style(风格类型)

style(风格类型):

“1”(强光偏左)、“2”(强光居中)、

“3”(方形发散强光)“4”(透明)

 

<embed style="filter:Alpha(opacity=10,finishOpacity=100,style=2); WIDTH: 300px; HEIGHT: 300px" src="链接地址" width="300" height="300" type="audio/mpeg" volume="100" loop="true" showstatusbar="1"></EMBED>

 

波浪扭曲:

lightstrength(亮度)、strength(波幅)、freq(波频)

-----------------------------------------------------------------------

<embed style="FILTER: wave(add=0,lightstrength=10,strength=8,freq=20,phrase=30); WIDTH: 300px; HEIGHT: 300px" src="链接地址" width="300" height="300" volume="0" loop="true" showstatusbar="1"></EMBED>

 

边缘雾化

-----------

<table style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 300px; HEIGHT: 45px">

<TBODY>

<TR>

<TD>

<EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src="链接地址" width=300 height=45 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" loop="-1">

</EMBED>

</TD>

</TR>

</TBODY>

</TABLE>

 

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

 

 

RealPlayer网页播放面板

(rm.rmvb.ram)

 

音频播放器(无信息显示)

<OBJECT id=video2 height=30 width=300 classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>

<PARAM NAME="_ExtentX" VALUE="13229">

<PARAM NAME="_ExtentY" VALUE="847">

<PARAM NAME="AUTOSTART" VALUE="-1">

<PARAM NAME="SHUFFLE" VALUE="0">

<PARAM NAME="PREFETCH" VALUE="0">

<PARAM NAME="NOLABELS" VALUE="0">

<PARAM NAME="SRC" VALUE="链接地址">

<PARAM NAME="CONTROLS" VALUE="controlpanel">

<PARAM NAME="CONSOLE" VALUE="Clip1">

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

 

音频播放器(显示播放数据)

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="300" height="50" id="RP2">

     <param name="_ExtentX" value="10001">

     <param name="_ExtentY" value="1270">

     <param name="AUTOSTART" value="-1">

     <param name="SHUFFLE" value="0">

     <param name="PREFETCH" value="0">

     <param name="NOLABELS" value="-1">

     <param name="SRC" value="链接地址">

     <param name="CONTROLS" value="ControlPanel,StatusBar">

     <param name="CONSOLE" value="clip1">

     <param name="LOOP" value="true">

     <param name="NUMLOOP" value="0">

     <param name="CENTER" value="0">

     <param name="MAINTAINASPECT" value="0">

     <param name="BACKGROUNDCOLOR" value="#000000">

</object>

 

调整高度可变化面板

显示播放数据

<embed src="链接地址" width="300" height="60" loop="true"></EMBED>

显示播放数据及文件信息

<embed src="链接地址" width="300" height="90" loop="true"></EMBED>

 

视频播放器

面板分为上下两部分,所以上下分别需要输入链接、调整高宽度。

上部为显示屏,宽高一般为:300x240、400x320、500x400。

下部播放面板的宽度和上部一致即可,高度不必调整。

-----------------------------------------

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="player" width="300" height="240 id="player">

      <param name="_ExtentX" value="10001">

      <param name="_ExtentY" value="6879">

      <param name="AUTOSTART" value="-1">

      <param name="SHUFFLE" value="0">

      <param name="PREFETCH" value="0">

      <param name="NOLABELS" value="-1">

      <param name="SRC" value="链接地址">

      <param name="CONTROLS" value="Imagewindow">

      <param name="CONSOLE" value="clip1">

      <param name="LOOP" value="true">

      <param name="NUMLOOP" value="0">

      <param name="CENTER" value="0">

      <param name="MAINTAINASPECT" value="0">

      <param name="BACKGROUNDCOLOR" value="#000000">

</object>

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="300" height="50" id="RP2">

      <param name="_ExtentX" value="10001">

      <param name="_ExtentY" value="1270">

      <param name="AUTOSTART" value="-1">

      <param name="SHUFFLE" value="0">

      <param name="PREFETCH" value="0">

      <param name="NOLABELS" value="-1">

      <param name="SRC" value="链接地址">

      <param name="CONTROLS" value="ControlPanel,StatusBar">

      <param name="CONSOLE" value="clip1">

      <param name="LOOP" value="true">

      <param name="NUMLOOP" value="0">

      <param name="CENTER" value="0">

      <param name="MAINTAINASPECT" value="0">

      <param name="BACKGROUNDCOLOR" value="#000000">

</object>

 

 

 

 

 

 

内嵌式RealPlayer播放器的参数含义
参数:autostart
属性:True或是False
作用:指定是否自动播放指定的源文件
参数:backgroundcolor
属性:任何用符号“#”开头的16进制数值或是任何预定义的颜色
作用:指定图像窗口的背景颜色
参数:center
属性:True或是False
作用:指定片断使用初始编码大小播放,并且在图像窗口的中央。
参数:classid
属性:"clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:**
作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。
参数:console
属性:任何字符串
作用:可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响
参数:controls
属性:ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField
作用:可以让你指定那些控制是可见的。
参数:height
属性:任何整数值
作用:指定RealPlayer元素的高度,单位:像素
参数:id
属性:任何字符串
作用:为<obiect>标签中的RealPlayer元素指定名字。
参数:imagestatus
属性:True或是False
作用:指定是否在图像窗口中显示状态信息,默认值是true
参数:loop
属性:True或是False
作用:可以让你指定片断是否无限循环
参数:maintainaspect
属性:True或是False
作用:默认RealPlayer拉伸所有的片断来充满整个图像窗口。
参数:name
属性:任何字符串
作用:为<embed>标签中的RealPlayer元素指定名字(在标签<object>中使用id)
参数:nojava
属性:True或是False
作用:避免启动Java虚拟机
参数:nolabels
属性:True或是False
作用:可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...)
参数:nologo
属性:True或是False
作用:避免RealPlayer启动时在图像窗口中显示

参数:numloop
属性:任何整数值
作用:让你能够指定文件片循环的次数,不需要参数loop
参数:prefetch
属性:True或是False
作用:指定在播放前,RealPlayer是否可以获得流描述信息,默认值是False
参数:region
属性:任何字符串
作用:同SMIL一起使用。允许你指定使用HTML代替SMIL
参数:scriptcallbacks
属性:用逗号分割的列表
作用:指定浏览器的回调监控(好高级的东东!;—)
参数:shuffle
属性:True或是False
作用:同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件(怎么用,谁教...)
参数:src
属性:任何合法的相对或是完整的URL
作用:指定播放的文件或是源文件的地址
参数:type
属性:字符串
作用:为嵌入插件指定MIME类型
参数:width
属性:任何整数值
作用:指定RealPlayer元素的宽度
controls的属性含义...
组件:imagewindow
作用:视频显示区域
组件:All
作用:嵌入RealPlaver的所有按钮、滑动条和信息面板
组件:ControlPanel
作用:显示所有的控制按钮,以及位置滑动条和扬声器图标,和调节声音大小的滑动条
组件:PlayButton
作用:显示播放(play)按钮和暂停(pause)按钮
组件:PlayOnlyButton
作用:仅显示播放按钮
组件:PauseButton
作用:仅显示暂停按钮
组件:StopButton
作用:仅显示停止(stop)按钮
组件:FFCtrl
作用:仅显示快进(fastforward)按钮
组件:RWCtrl
作用:仅显示回放(rewind)按钮
组件:MuteCtrl
作用:仅显示扬声器图标,用作静音按钮
组件:MuteVolume
作用:显示小的扬声器图标(用于静音)和其上的用于调节音量的滑动条
组件:VolumeSlider
作用:仅显示竖直的音量滑动条
组件:PositionSlider
作用:显示水平的位置滑动条
组件:tacctrl
作用:显示水平的消息框,轮流显示标题、作者以及版权信息
组件:HomeCtrl
作用:显示小的Real标识
组件:infoVolumePanel
作用:显示黑的消息框,用绿色显示标题、作者以及版权信息,在右手方有扬声器图标和声音调节滑动条
组件:infoPanel
作用:同上面一样,但是没有静音按钮和声音调节滑动条
组件:StatusBar
作用:显示水平的消息框,显示片断信息,比如片断的时间,网络状况等等
组件:StatusField
作用:同StatusBar类似,但是只显示消息区域,显示网络消息,比如显示“Re-buffenng...”
组件:PositionField
作用:小的黑的消息框,显示整个文件片断长度以及当前帧在片内的位置

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 播放器 控制 发表:不详 阅读: 37 次 关键字:不详 字体:[大 中 小] 详细参数可查询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" rel="stylesheet" type="text/css"> <script language="JavaScript"> var state; //初始化 function playerinit() { player.url="mp3.m3u"; player.settings.autoStart = false ; } //播放 function play() { if (player.controls.isavailable('play')) { player.controls.play(); state=setInterval("updatetime()",1000); playerinfo.innerHTML = "播放"; } } //暂停 function pause() { if (player.controls.isavailable('pause')) { player.controls.pause(); clearInterval(state); playerinfo.innerHTML = "暂停"; } } //停止 function stop() { if (player.controls.isavailable('stop')) { player.controls.stop(); clearInterval(state); playerinfo.innerHTML = "停止"; } } //前首 function previous() { if (player.controls.isavailable( 'previous' )) { player.controls.previous(); playerinfo.innerHTML = "前一首"; } } //后首 function next() { if (player.controls.isavailable( 'next' )) { player.controls.next(); playerinfo.innerHTML = "下一首"; } } //? function step() { if (player.controls.isavailable( 'step' )) player.controls.step( 1 ); } //音量- function voldown() { if ( player.settings.volume < 5 ) { player.settings.volume = 0; playerinfo.innerHTML = "0"; } else { player.settings.volume -= 5; playerinfo.innerHTML = player.settings.volume; } } //音量+ function volup() { if ( player.settings.volume > 95 ) { player.settings.volume = 100; playerinfo.innerHTML = "100"; } else { player.settings.volume += 5; playerinfo.innerHTML = player.settings.volume; } } //静音 function mute() { player.settings.mute = !player.settings.mute; } //声道 function balance() { switch (player.settings.balance) { case 0: player.settings.balance = 100; playerinfo.innerHTML = '左声道'; break; case 100: player.settings.balance = -100; playerinfo.innerHTML = '右声道'; break; case -100: player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; default : player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; } } //更新时间 function updatetime() { playerinfo.innerHTML = player.controls.currentPositionString + " | " + player.currentMedia.durationString; } </script> </head> <body onload="playerinit();"> <table width="300"> <tr> <td><object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" height="60"> <param name="autoStart" value="false"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="currentMarker" value="0"> <param name="enableContextMenu" value="true"> <param name="enableErrorDialogs" value="false"> <param name="enabled" value="true"> <param name="fullScreen" value="false"> <param name="invokeURLs" value="false"> <param name="mute" value="true"> <param name="playCount" value="1"> <param name="rate" value="1"> <param name="uiMode" value="none"> <param name="volume" value="100"> </object></td> </tr> <tr> <td><span id="playerinfo"></span></td> </tr> <tr> <td> <div align="center"> <input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"> <input type="button" onmouseover=this.className="but22"; onmouseout=this.className="but21"; name="play" title="播放" onclick="play();"> <input type="button" onmouseover=this.className="but32"; onmouseout=this.className="but31"; name="pause" title="暂停" onclick="pause();"> <input type="button" onmouseover=this.className="but42"; onmouseout=this.className="but41"; name="stop" title="停止" onclick="stop();"> <input type="button" onmouseover=this.className="but52"; onmouseout=this.className="but51"; name="next" title="下一首" onclick="next();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="voldown" title="音量-" onclick="voldown();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="volup" title="音量+" onclick="volup();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="mute" title="静音" onclick="mute();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="balance" title="声道" onclick="balance();"> </div> </td> </tr> </table> <script language = "JavaScript" for = player event = playstatechange(newstate)> switch (newstate){ case 1: playerinfo.innerHTML = "停止"; break; case 2: playerinfo.innerHTML = "暂停"; break; case 3: playerinfo.innerHTML = "正在播放"; break; case 4: playerinfo.innerHTML = "4"; break; case 5: playerinfo.innerHTML = "5"; break; case 6: playerinfo.innerHTML = "正在缓冲..."; break; case 7: playerinfo.innerHTML = "7"; break; case 8: playerinfo.innerHTML = "8"; break; case 9: playerinfo.innerHTML = "正在连接..."; break; case 10: playerinfo.innerHTML = "准备就绪。欢迎光临<a href='http://mp3.asp2004.net'>http://mp3.asp2004.net</a>"; break; case 11: playerinfo.innerHTML = "11"; break; default: playerinfo.innerHTML = ""; } </script> </body> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值