常见的网页播放器代码

 我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv 格式),Real流(rm,rmvb格式),还有MPEG系列编码格式(MP4,MP3格式)。下面是zuola.net整理的常见网页播放器代码


1、使用Embed 标签播放多媒体文件
  格式<embed src="文件名"/>。其中文件名可以取任何一种多媒体文件格式,例如 "test.wma",就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的),另如 "test.rm",就会在网页上显示一个 Real Player 播放器。当然,你的计算机上必须安装了 RealPlayer 才可以显示。
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多),例子: <embed src="a.swf">
总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。


2、调用Windows Media Player 进行播放
  可用来来播放 wmv,asf 等格式文件
 

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"type="application/x-oleobject" height="200" width="300"> 
<param name="filename" value="test.wmv" /> 
<param name="autostart" value="false" /> 
<param name="showstatusbar" value="true" /> 
<param name="showtracker" value="true" /> 
<param name="showcontrols" value="true" /> 
<embed filename="test.wmv" autostart="false"pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true"showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2" height="200"width="300"></embed> 
</object>

Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面例子中的 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果使用了老的 class ID,就无法使用增加到组件中的新特性了。
下面给出新版本的例子

<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject"height="200" width="300"> 
<param name="url" value="test.wmv" /> 
<param name="autostart" value="false" /> 
<param name="showstatusbar" value="true" /> 
<param name="showtracker" value="true" /> 
<param name="showcontrols" value="true" /> 
<param name="uimode" value="full"/> 
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true"showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed> 
</object>


3、调用Real Player 进行播放
  可用来播放 rm,ram 等格式文件

播放框:
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplaywidth=356> 
<param name="SRC" value="影片地址"> 
<param name="CONSOLE" value="Clip1"> 
<param name="CONTROLS" value="imagewindow"> 
<param name="AUTOSTART" value="true"> 
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1"pluginspage="http://www.zuola.net"/’ width="356" height="285"> 
</embed> 
</object> 

控制框:可紧跟播放框一起
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356> 
<param name="_ExtentX" value="7276"> 
<param name="_ExtentY" value="1058"> 
<param name="AUTOSTART" value="0"> 
<param name="SHUFFLE" value="0"> 
<param name="PREFETCH" value="0"> 
<param name="NOLABELS" value="0"> 
<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="#ffffff"> 
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="27"width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" prefetch="0" nolabels="0" loop="0"numloop="0" center="0" maintainaspect="0" backgroundcolor="#ffffff"> 
</embed> 
</object> 


最后给出Windows Media Player 和 Real Player 播放器的详细参数说明



Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"  参数说明
参数 默认值 说明
AudioStream true  
AutoSize true 是否自动调整播放大小
AutoStart true 是否自动播放
AnimationAtStart true 整个动画是否在下载时同时播放
AllowScan true  
AllowChangeDisplaySize true  
AutoRewind false  
Balance false 左右声道平衡,最左-9640,最右9640
BaseURL    
BufferingTime 5 缓冲时间
CaptioningID    
ClickToPlay true 当用户点击播放区域时是否启动播放器
CursorType false  
CurrentPosition true 当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0
CurrentMarker false  
DefaultFrame    
DisplayBackColor false  
DisplayForeColor 16777215  
DisplayMode false  
DisplaySize false 视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理
Enabled true  
EnableContextMenu true 是否用右键弹出菜单控制
EnablePositionControls true  
EnableFullScreenControls false  
EnableTracker true 是否允许拉动播放进度条到任意地方播放
Filename URL 指定播放文件的URL
InvokeURLs true  
Language true  
Mute false 是否静音
PlayCount 1 重复播放次数,0为始终重复
PreviewMode false  
Rate 1 播放速率控制,1为正常,允许小数
SAMILang   SAMI语言
SAMIStyle   SAMI样式
SAMIFileName   字幕ID
SelectionStart true  
SelectionEnd true  
SendOpenStateChangeEvents true  
SendWarningEvents true  
SendErrorEvents true  
SendKeyboardEvents false  
SendMouseClickEvents false  
SendMouseMoveEvents false  
SendPlayStateChangeEvents true  
ShowCaptioning false 是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示
ShowControls true 是否显示控制,比如播放,停止,暂停
ShowAudioControls true 是否显示音量控制
ShowDisplay false 显示节目信息,比如版权等
ShowGotoBar false 是否显示进度条
ShowPositionControls true 是否显示往前往后及列表,如果显示一般也都是灰色不可控制
ShowStatusBar false 当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间
ShowTracker true 是否显示当前播放跟踪条,即当前的播放进度条
TransparantAtStart false  
VideoBorderWidth false 显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小
VideoBorderColor false 显示黑色框的颜色, 为RGB值,比如ffff00为黄色
VideoBorder3D false  
Volume -200 音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640
WindowlessVideo false 如果是0可以允许全屏,否则只能在窗口中查看


Windows Media Player "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 参数说明
参数 默认值 说明
AutoStart -1 是否自动播放,0不自动播放,-1自动播放
Balance 0 调整左右声道平衡,最左-9640,最右9640
enabled -1 播放器是否可人为控制;-1可控制,0不可控制
EnableContextMenu -1 是否启用上下文菜单(是否用右键弹出菜单控制) 0不显示菜单,1显示菜单
url   播放的文件地址
PlayCount   播放次数控制,为整数,0为始终重复
rate   播放速率控制,1为正常,允许小数,1.0-2.0
currentPosition   控件设置:当前位置(-1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1或大于等于0)
currentMarker   控件设置:当前标记
defaultFrame   显示默认框架
invokeURLs   脚本命令设置:是否调用URL
baseURL   脚本命令设置:被调用的URL
stretchToFit 0 是否按比例伸展 ,0不伸缩,-1伸展
volume   默认声音大小0%-100%,50则为50%
mute   是否静音
uiMode Full 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示
windowlessVideo 0 如果是0可以允许全屏,否则只能在窗口中查看 ;0窗口显示,-1非窗口显示
fullScreen 0 开始播放是否自动全屏 -1 自动全屏,0 不自动全屏
enableErrorDialogs   是否启用错误提示报告
SAMIStyle   SAMI样式
SAMILang   SAMI语言
SAMIFilename   字幕ID

 

Real Player "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 参数说明
参数