您的位置:阿里西西 > 前端技术 > 界面设计 > 详细内容

网页视频播放器代码大全

  互联网   Alixixi   2009-08-07   点击:   我要评论
收集最常用的网页中嵌入视频代码大全,各种各样的网页视频播放器代码.

网页中嵌入视频代码综合完全版

  1.avi格式

  代码片断如下:

  程序代码

  <objectid="video"width="400"height="200"border="0"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

  <paramname="ShowDisplay"value="0">

  <paramname="ShowControls"value="1">

  <paramname="AutoStart"value="1">

  <paramname="AutoRewind"value="0">

  <paramname="PlayCount"value="0">

  <paramname="Appearancevalue="0value=""">

  <paramname="BorderStylevalue="0value=""">

  <paramname="MovieWindowHeight"value="240">

  <paramname="MovieWindowWidth"value="320">

  <paramname="FileName"value="/Mbar.avi">

  <embedwidth="400"height="200"border="0"showdisplay="0"showcontrols="1"autostart="1"autorewind="0"playcount="0"moviewindowheight="240"moviewindowwidth="320"filename="/Mbar.avi"src="Mbar.avi">

  </embed>

  </object>

  2.mpg格式

  代码片断如下:

  程序代码

  <objectclassid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A"id="ActiveMovie1"width="239"height="250">

  <paramname="Appearance"value="0">

  <paramname="AutoStart"value="-1">

  <paramname="AllowChangeDisplayMode"value="-1">

  <paramname="AllowHideDisplay"value="0">

  <paramname="AllowHideControls"value="-1">

  <paramname="AutoRewind"value="-1">

  <paramname="Balance"value="0">

  <paramname="CurrentPosition"value="0">

  <paramname="DisplayBackColor"value="0">

  <paramname="DisplayForeColor"value="16777215">

  <paramname="DisplayMode"value="0">

  <paramname="Enabled"value="-1">

  <paramname="EnableContextMenu"value="-1">

  <paramname="EnablePositionControls"value="-1">

  <paramname="EnableSelectionControls"value="0">

  <paramname="EnableTracker"value="-1">

  <paramname="Filename"value="/mpeg/halali.mpg"valuetype="ref">

  <paramname="FullScreenMode"value="0">

  <paramname="MovieWindowSize"value="0">

  <paramname="PlayCount"value="1">

  <paramname="Rate"value="1">

  <paramname="SelectionStart"value="-1">

  <paramname="SelectionEnd"value="-1">

  <paramname="ShowControls"value="-1">

  <paramname="ShowDisplay"value="-1">

  <paramname="ShowPositionControls"value="0">

  <paramname="ShowTracker"value="-1">

  <paramname="Volume"value="-480">

  </object>

  3.smi格式

  代码片断如下:

  程序代码

  <OBJECTid=RVOCXclassid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFAwidth=240height=180>

  <paramname="_ExtentX"value="6350">

  <paramname="_ExtentY"value="4763">

  <paramname="AUTOSTART"value="-1">

  <paramname="SHUFFLE"value="0">

  <paramname="PREFETCH"value="0">

  <paramname="NOLABELS"value="-1">

  <paramname="SRC"value="rm.rm">

  <paramname="CONTROLS"value="ImageWindow">

  <paramname="CONSOLE"value="console1">

  <paramname="LOOP"value="0">

  <paramname="NUMLOOP"value="0">

  <paramname="CENTER"value="0">

  <paramname="MAINTAINASPECT"value="0">

  <paramname="BACKGROUNDCOLOR"value="#000000"><embedsrc="real.smi"type="audio/x-pn-realaudio-plugin"console="Console1"controls="ImageWindow"height="180"width="240"autostart="true"></OBJECT>

  4.rm格式

  代码片断如下:

  程序代码

  <OBJECTID=video1CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"HEIGHT=288WIDTH=352>

  <paramname="_ExtentX"value="9313">

  <paramname="_ExtentY"value="7620">

  <paramname="AUTOSTART"value="0">

  <paramname="SHUFFLE"value="0">

  <paramname="PREFETCH"value="0">

  <paramname="NOLABELS"value="0">

  <paramname="SRC"value="rtsp://203.*.*.35/vod/dawan-a.rm">

  <paramname="CONTROLS"value="ImageWindow">

  <paramname="CONSOLE"value="Clip1">

  <paramname="LOOP"value="0">

  <paramname="NUMLOOP"value="0">

  <paramname="CENTER"value="0">

  <paramname="MAINTAINASPECT"value="0">

  <paramname="BACKGROUNDCOLOR"value="#000000"><embedSRCtype="audio/x-pn-realaudio-plugin"CONSOLE="Clip1"CONTROLS="ImageWindow"HEIGHT="288"WIDTH="352"AUTOSTART="false">

  </OBJECT>

  5.wmv格式

  代码片断如下:

  程序代码

  <objectid="NSPlay"width=200height=180classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"codebase="http://activex.microsoft.com/activex/controls/mplayer/en

  /nsmp2inf.cab#Version=6,4,5,715"standby="LoadingMicrosoftWindowsMediaPlayercomponents..."type="application/x-oleobject"align="right"hspace="5">

  <paramname="AutoRewind"value=1>

  <paramname="FileName"value="/blog/******.wmv">

  <paramname="ShowControls"value="1">

  <paramname="ShowPositionControls"value="0">

  <paramname="ShowAudioControls"value="1">

  <paramname="ShowTracker"value="0">

  <paramname="ShowDisplay"value="0">

  <paramname="ShowStatusBar"value="0">

  <paramname="ShowGotoBar"value="0">

  <paramname="ShowCaptioning"value="0">

  <paramname="AutoStart"value=1>

  <paramname="Volume"value="-2500">

  <paramname="AnimationAtStart"value="0">

  <paramname="TransparentAtStart"value="0">

  <paramname="AllowChangeDisplaySize"value="0">

  <paramname="AllowScan"value="0">

  <paramname="EnableContextMenu"value="0">

  <paramname="ClickToPlay"value="0">

  </object>

  6.wma格式

  放在<body>里面。下面是部分解释:

  <objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"id="MediaPlayer1"><paramname="Filename"value="/blog/1.Wma"><!--你文件的位置-->

  <paramname="PlayCount"value="1"><!--控制重复次数:“x”为几重复播放几次;x=0,无限循环。-->

  <paramname="AutoStart"value="0"><!--控制播放方式:x=1,打开网页自动播放;x=0,按播放键播放。-->

  <paramname="ClickToPlay"value="1"><!--控制播放开关:x=1,可鼠标点击控制播放或暂停状态;x=0,禁用此功能。-->

  <paramname="DisplaySize"value="0"><!--控制播放画面:x=0,原始大小;x=1,一半大小;x=2,2倍大小。-->

  <paramname="EnableFullScreenControls"value="1"><!--控制切换全屏:x=1,允许切换为全屏;x=0,禁用此功能。-->

  <paramname="ShowAudioControls"value="1"><!--控制音量:x=1,允许调节音量;x=0,禁止音量调节。-->

  <paramname="EnableContextMenu"value="1"><!--控制快捷菜单:x=1,允许使用右键菜单;x=0,禁用右键菜单。-->

  <paramname="ShowDisplay"value="1"><!--控制版权信息:x=1,显示电影及作者信息;x=0,不显示相关信息-->

  </object>

  7.WindowsMediaPlayer系列(不同面板样式)

  综合型:

  <objectclassid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95codebase="http://activex.microsoft.com/activex/controls/mplayer

  /en/nsmp2inf.cab#Version=6,1,5,217"

  id=MediaPlayertype=application/x-oleobjectwidth=210height=340standby="LoadingMicrosoftWindowsMediaPlayercomponents..."VIEWASTEXTalign=MIDDLE>

  <paramname=AudioStreamvalue=-1>

  <paramname=AutoSizevalue=0>

  <paramname=AutoStartvalue=1>

  <paramname=AnimationAtStartvalue=0>

  <paramname=AllowScanvalue=-1>

  <paramname=AllowChangeDisplaySizevalue=0>

  <paramname=AutoRewindvalue=0>

  <paramname=Balancevalue=0>

  <paramname=BaseURLvalue="">

  <paramname=BufferingTimevalue=5>

  <paramname=CaptioningIDvalue="">

  <paramname=ClickToPlayvalue=0>

  <paramname=CursorTypevalue=32512>

  <paramname=CurrentPositionvalue=-1>

  <paramname=CurrentMarkervalue=0>

  <paramname=DefaultFramevalue=1>

  <paramname=DisplayBackColorvalue=0>

  <paramname=DisplayForeColorvalue=16777215>

  <paramname=DisplayModevalue=0>

  <paramname=DisplaySizevalue=0>

  <paramname=Enabledvalue=-1>

  <paramname=EnableContextMenuvalue=-1>

  <paramname=EnablePositionControlsvalue=0>

  <paramname=EnableFullScreenControlsvalue=0>

  <paramname=EnableTrackervalue=1>

  <paramname=Filenamevalue="http://202.102.*.*/flash/2/fff.swf">

  <paramname=InvokeURLsvalue=-1>

  <paramname=Languagevalue=-1>

  <paramname=Mutevalue=0>

  <paramname=PlayCountvalue=1>

  <paramname=PreviewModevalue=0>

  <paramname=Ratevalue=1>

  <paramname=SAMILangvalue="">

  <paramname=SAMIStylevalue="">

  <paramname=SAMIFileNamevalue="">

  <paramname=SelectionStartvalue=0>

  <paramname=SelectionEndvalue=true>

  <paramname=SendOpenStateChangeEventsvalue=-1>

  <paramname=SendWarningEventsvalue=-1>

  <paramname=SendErrorEventsvalue=-1>

  <paramname=SendKeyboardEventsvalue=0>

  <paramname=SendMouseClickEventsvalue=0>

  <paramname=SendMouseMoveEventsvalue=0>

  <paramname=SendPlayStateChangeEventsvalue=-1>

  <paramname=ShowCaptioningvalue=0>

  <paramname=ShowControlsvalue=1>

  <paramname=ShowAudioControlsvalue=1>

  <paramname=ShowDisplayvalue=1>

  <paramname=ShowGotoBarvalue=1>

  <paramname=ShowPositionControlsvalue=1>

  <paramname=ShowStatusBarvalue=1>

  <paramname=ShowTrackervalue=1>

  <paramname=TransparentAtStartvalue=0>

  <paramname=VideoBorderWidthvalue=0>

  <paramname=VideoBorderColorvalue=0>

  <paramname=VideoBorder3Dvalue=0>

  <paramname=Volumevalue=-1070>

  <paramname=WindowlessVideovalue=1>

  </object>

  简易型:

  <EMBEDsrc=http://www.*.com/mediadate/lxlhbcn.asfstyle="HEIGHT:45px;WIDTH:190px"type=audio/mpegAUTOSTART="1"loop="0">

  </EMBED>

  标签型:

  <embedwidth=240height=140transparentatstart=trueanimationatstart=falseautostart=trueautosize=falsevolume=100displaysize=0showdisplay=trueshowstatusbar=trueshowcontrols=trueshowaudiocontrols=trueshowtracker=trueshowpositioncontrols=truebalance=truesrc="http://www.*.com/mediadate/lxlhbcn.asf">

  </embed>

  引用内容

  媒体播放器的外观界面

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

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

  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>



更多关于 视频播放 的文章
相关阅读
会员评论所有会员评论

  

相关排行总榜

网页教程

站长文章

特效排行