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

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

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=\”https://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=\”https://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=\”https://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=\”https://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=https://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=https://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=https://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=https://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=\”https://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=\”https://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>

您可能感兴趣的文章: