网页在线视频播放代码大全

使用说明：把代码中的视频路径换成与自己的相对路径或绝对路径，播放器的窗口大小，根据需要修改高和宽的参数。

1.avi格式
 

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="http://www.jb51.net/sample.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="http://www.jb51.net/sample.avi" src="sample.avi">
</embed>
</object>

2.mpg格式
 

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="http://www.jb51.net/sample.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>

3.rm格式
 

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352> <param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
<param name="CONTROLS" value="ImageWindow">
<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"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false"> </OBJECT>

4.wmv格式
 

<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
<!-- ASX File Name -->
<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">
<!-- Display Controls -->
<param name="ShowControls" value="1">
<!-- Display Position Controls -->
<param name="ShowPositionControls" value="0">
<!-- Display Audio Controls -->
<param name="ShowAudioControls" value="1">
<!-- Display Tracker Controls -->
<param name="ShowTracker" value="0">
<!-- Show Display -->
<param name="ShowDisplay" value="0">
<!-- Display Status Bar -->
<param name="ShowStatusBar" value="0">
<!-- Diplay Go To Bar -->
<param name="ShowGotoBar" value="0">
<!-- Display Controls -->
<param name="ShowCaptioning" value="0">
<!-- Player Autostart -->
<param name="AutoStart" value=1>
<!-- Animation at Start -->
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!-- Transparent at Start -->
<param name="TransparentAtStart" value="0">
<!-- Do not allow a change in display size -->
<param name="AllowChangeDisplaySize" value="0">
<!-- Do not allow scanning -->
<param name="AllowScan" value="0">
<!-- Do not show contect menu on right mouse click -->
<param name="EnableContextMenu" value="0">
<!-- Do not allow playback toggling on mouse click -->
<param name="ClickToPlay" value="0">
</object>

5:最简单的播放代码
 

<embed src="http://www.jb51.net/sample.wmv" autostart="true" loop="true" width="200" height="150" >

6:有图像的rm格式
 

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
<param name=_ExtentX value=5503>
<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=http://www.jb51.net/sample.ram>
<param name=CONTROLS value=Imagewindow,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>

7:无图像的rm格式：(如相声，歌曲...)
 

<object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
<param name=_ExtentX value=9657>
<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=http://www.jb51.net/sample.rm>
<param name=CONTROLS value=StatusBar,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>

8:最简单的media格式的播放器
 

<embed src=mms://www.jb51.net/sample.wmv width=200 height=200 autostart=true loop=true></embed>

9:有图像的media播放器，自动调用网上的插件 

<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 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://www.jb51.net/sample.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>

10:无图像的media播放器

<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 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://www.jb51.net/sample.wma>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
<PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false>
</object>

11:在线播放rm格式视频代码
 

<object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272">
<param name="_ExtentX" value="18415">
<param name="_ExtentY" value="9102">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://www.jb51.net/sample.rm">
<param name="CONTROLS" value="Imagewindow">
<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><br>
<object ID="RP2" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="400" HEIGHT="57">
<param name="_ExtentX" value="18415">
<param name="_ExtentY" value="1005">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://www.jb51.net/sample.rm">
<PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar">
<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>

媒体播放器的外观界面

在网页中，你可以通过相关属性来控制媒体播放器的哪些部分出现，哪些部分不出现。

　　媒体播放器包括如下元素：

　　VideoDisplayPanel：视频显示面板；
　　VideoBorder：视频边框；
　　ClosedCaptioningDisplayPanel；字幕显示面板；
　　TrackBar；搜索栏；
　　ControlBarwithAudioandPositionControls：带有声音和位置控制的控制栏；
　　GoToBar：转到栏；
　　DisplayPanel：显示面板；
　　StatusBar：状态栏；

　　下面的属性用来决定显示哪一个元素：

　　ShowControls属性：是否显示控制栏（包括播放控件及可选的声音和位置控件）；
　　ShowAudioControls属性：是否在控制栏显示声音控件（静音按钮和音量滑块）；
　　ShowPositionControls属性：是否在控制栏显示位置控件（包括向后跳进、快退、快进、向前跳进、预览播放列表中的每个剪辑）；
　　ShowTracker属性：是否显示搜索栏；
　　ShowDisplay属性：是否显示显示面板（用来提供节目与剪辑的信息）；
　　ShowCaptioning属性：是否显示字幕显示面板；
　　ShowGotoBar属性：是否显示转到栏；
　　ShowStatusBar属性：是否显示状态栏；

　　播放列表

　　媒体播放器提供下面的方法来访问播放列表中的剪辑：
　　Next方法，跳到节目（播放列表）中的下一个剪辑；
　　Previous方法，跳回到节目中的上一个剪辑；
　　媒体播放器的一个特性是能够预览节目中的每一个剪辑，使用如下属性：
　　PreviewMode属性，决定媒体播放器当前是否处于预览模式；
　　CanPreview属性，决定媒体播放器能否处于预览模式；
　　在windows媒体元文件中，可以为每一个剪辑指定预览时间——PREVIEWDURATION,如果没有指定，那么默认的预览时间是10秒钟。
　　你也可以用Windows媒体元文件来添加watermarks与banners，元文件也支持插入广告时的无间隙流切换。

　　节目信息

　　使用GetMediaInfoString方法可以返回相关剪辑或节目的如下信息：
　　文件名：Filename
　　标题：Title
　　描述：Description
　　作者：Author
　　版权：Copyright
　　级别：Rating
　　URLs：logoicon、watermark、banner的地址

　　剪辑信息可以放在媒体文件中，也可以放在Windows媒体元文件中，或者两者都放。如果在元文件中指定了剪辑信息，那么用GetMediaInfoString方法返回的就是元文件中的信息，而不会返回剪辑中包含的信息。
　　在元文件中，附加信息可以放置在每一个剪辑或节目的PARAM标签中。你可以为每个剪辑添加任意多个PARAM标签，用来存储自定义的信息或链接到相关站点。在PARAM标签中的信息可以通过GetMediaParameter方法来访问。
　　下面的属性返回有关大小和时间的信息：

　　ImageSourceHeight、ImageSourceWidth：返回图像窗口的显示尺寸；

　　Duration属性，返回剪辑的长度(秒)，要检测这个属性是否包含有效的数值，请检查IsDurationValid属性。(对于广播的视频，其长度是不可预知的)。
　　字幕

　　你可以用.smi文件来为你的节目添加字幕。媒体播放器支持下面的属性来处理字幕：
　　SAMIFileName属性，指定.smi文件的名字；
　　SAMILang属性，指定字幕的语言(如果没有指定则使用第一种语言)；
　　SAMIStyle属性，指定字幕的文字大小和样式；
　　ShowCaptioning属性，决定是否显示字幕显示面板；

　　脚本命令

　　伴随音频、视频流，你可以在流媒体文件中加入脚本命令。脚本命令是多媒体流中与特定时间同步的多对Unicode串。第一个串标识待发命令的类型，第二个串指定要执行的命令。
　　当流播放到与脚本相关的时间时，控件会向网页发送一个ScriptCommand事件，然后由事件处理进程来响应这个事件。脚本命令字符串会作为脚本命令事件的参数传递给事件处理器。
　　媒体播放器会自动处理下面类型的内嵌脚本命令：

　　1)URL型命令：当媒体播放器控件收到一个URL型的命令时，指定的URL会被装载到用户的默认浏览器。如果媒体播放器嵌在一个分帧的HTML文件中，URL页可以装载到由脚本命令指定的帧内。如果脚本命令没有指定一个帧，将由DefaultFrame属性决定将URL页装入哪一帧。
　　你可以通过设置InvokeURLs属性来决定是否自动处理URL型的脚本命令。如果这个属性的值为false，媒体播放器控件将忽视URL型命令。但是脚本命令事件仍会触发，这就允许你有选择地处理URL型命令。
　　URL型命令指定的是URL的相对地址。基地址是由BaseURL属性指定的。媒体播放器控件传送的脚本命令事件的命令参数是链接好的地址。
　　2)FILENAME型命令：当媒体播放器控件收到一个FILENAME型的命令时，它将FileName属性设置为脚本命令提供的文件，之后媒体播放器会打开这个文件开始播放。媒体播放器控件总是自动处理FILENAME型命令，不象URL型命令，它们不能被禁止。
　　3)TEXT型命令：当媒体播放器控件收到一个TEXT型的命令时，它会将命令的内容显示在控件的字幕窗口。内容可以是纯文本的，也可以是HTML。
　　4)EVENT型命令：当媒体播放器控件收到一个EVENT型的命令时，它会在媒体元文件中搜索EVENT元素的NAME属性。如果NAME属性与脚本命令中的第二个字符串匹配，媒体播放器控件就执行包含在EVENT元素中的条目。
　　5)OPENEVENT型命令：当媒体播放器控件收到一个OPENEVENT型的命令时，它会在媒体元文件中检查EVENT元素，并打开匹配的标题，但不播放，直到收到来自EVENT型命令的同名真实事件。
　　捕捉键盘和鼠标事件
　　EnableContextMenu与ClickToPlay属性为用户提供了在图像窗口进行操作的方法。

　　如果EnableContextMenu属性为true，在图像窗口右击鼠标可以打开关联菜单，如果将ClickToPlay属性设为true，用户可以单击图像窗口进行播放与暂停的切换。
　　要接收鼠标移动和单击事件，请将SendMouseMoveEvents和SendMouseClickEvents属性设为true。鼠标事件有：
　　MouseDown，当用户按下鼠标时产生；
　　MouseUp，当用户释放鼠标时产生；
　　MouseMove，当用户移动鼠标时产生；
　　Click，当用户在媒体播放器上单击鼠标按钮时产生；
　　DbClick，当用户在媒体播放器上双击鼠标按钮时产生；
　　要接收键盘事件，请将SendKeyboardEvents属性设为true。键盘事件有：
　　KeyDown，当用户按下一个键时产生；
　　KeyUp，当用户释放一个键时产生；
　　KeyPress，当用户按下并释放一个键时产生；
　　监测流状态与网络链接
　　流状态属性包括：
　　PlayState：播放状态；
　　OpenState：打开状态；
　　Bandwidth：带宽；
　　支持的事件有：
　　OpenStateChange：打开状态改变(仅当SendOpenStateChangeEvents属性为true时触发)
　　PlayStateChange：播放状态改变(仅当SendPlayStateChangeEvents属性为true时触发)
　　EndOfStream：流结束时触发；
　　NewStream：打开新流时触发；
　　网络接收属性包括：
　　ReceptionQuality：接收质量；
　　ReceivedPackets：已经收到的包；
　　LostPackets：丢失的包；
　　监测缓冲的属性有：
　　BufferingTime：缓冲时间；
　　BufferingCount：缓冲次数；
　　BufferingProgress：缓冲进程；
　　Buffering：缓冲事件；
　　错误处理
　　媒体播放器提供了内建的错误处理功能——在对话框或状态栏显示错误信息。另外，你可以自己添加错误处理程序。如果SendErrorEvents属性设置为true，将不会显示错误框，而是发送错误事件；如果SendErrorEvents属性设置为false，将显示错误框，而是发送错误事件。
　　媒体播放器支持下面的错误处理事件：
　　Error事件，指有危险性错误发生；
　　Warning事件，指发生了非危险性的错误；
　　当你的应用程序接收到一个错误事件，你可以检测下面的属性来确定具体的错误信息：
　　HasError：检测目前的媒体播放器是否有错误；
　　ErrorCode：提供与该类型错误相关的代码值；
　　ErrorDescription：提供错误的描述信息；
　　ErrorCorrection：指定媒体播放器对该类型的错误进行校正；
　　播放CD
　　媒体播放器将CD看作（在每个音轨的开头具有标记的）单一音频流。要在网页中使用CD，你需要将FileName属性设为CDAUDI，必须带有冒号，如下所示：

　　<HTML>
　　<HEAD><TITLE>CDAudioPlaybackExample</TITLE></HEAD>
　　<BODY>
　　<OBJECTID="MediaPlayer"
　　CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
　　WIDTH="320"
　　HEIGHT="508"
　　STYLE="position:absolute;left:0px;top:70px;">
　　<PARAMNAME="FileName"VALUE="cdaudi">
　　<PARAMNAME="AutoStart"VALUE="0">
　　<PARAMNAME="ShowControls"VALUE="1">
　　<PARAMNAME="ShowStatusBar"VALUE="1">
　　<PARAMNAME="ShowDisplay"VALUE="1">
　　</OBJECT>
　　</BODY>
　　</HTML>
　　之后你可以用Play方法播放CD了。
　　你可以在windows媒体元文件中指定播放顺序以及每个音轨的信息。示例如下：
　　<ASXVERSION="3.0">
　　<TITLE>CDAudiowiththeMediaPlayer</TITLE>
　　<AUTHOR>WindowsMediaTechnologies</AUTHOR>
　　<COPYRIGHT>(c)1999,Microsoft,Inc.</COPYRIGHT>
　　<ENTRY>
　　<TITLE>Track1:Title1</TITLE>
　　<REFhref="/blog/cdaudi"/>
　　<STARTMARKERNUMBER="1"/>
　　<ENDMARKERNUMBER="2"/>
　　</ENTRY>
　　<ENTRY>
　　<TITLE>Track2:Title2</TITLE>
　　<REFhref="/blog/cdaudi"/>
　　<STARTMARKERNUMBER="2"/>
　　<ENDMARKERNUMBER="3"/>
　　</ENTRY>
　　<ENTRY>
　　<TITLE>Track3:Title3</TITLE>
　　<REFhref="/blog/cdaudi"/>
　　<STARTMARKERNUMBER="3"/>
　　<ENDMARKERNUMBER="4"/>
　　</ENTRY>
　　<ENTRY>
　　<TITLE>Track4:Title4</TITLE>
　　<REFhref="/blog/cdaudi"/>
　　<STARTMARKERNUMBER="4"/>
　　</ENTRY>
　　</ASX>