html中视频代码

本文介绍一些网页中插入视频播放的代码:包括avi格式的视频,mpg格式,smi格式,rm格式,wmv格式,wma格式,Windows Media Player 系列等..

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="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.Windows Media Player 系列(不同面板样式)

综合型:

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

媒体播放器的外观界面

在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。
媒体播放器包括如下元素:
Video Display Panel:视频显示面板;
Video Border:视频边框;
Closed Captioning Display Panel;字幕显示面板;
Track Bar;搜索栏;
Control Bar with AudioandPosition Controls:带有声音和位置控制的控制栏;
Go To Bar:转到栏;
Display Panel:显示面板;
Status Bar:状态栏;
下面的属性用来决定显示哪一个元素:
ShowControls 属性:是否显示控制栏(包括播放控件及可选的声音和位置控件);
ShowAudioControls 属性:是否在控制栏显示声音控件(静音按钮和音量滑块);
ShowPositionControls 属性:是否在控制栏显示位置控件(包括向后跳进、快退、快进、向前跳进、预览播放列表中的每个剪辑);
ShowTracker 属性:是否显示搜索栏;
ShowDisplay 属性:是否显示显示面板(用来提供节目与剪辑的信息);
ShowCaptioning 属性:是否显示字幕显示面板;
ShowGotoBar 属性:是否显示转到栏;
ShowStatusBar 属性:是否显示状态栏;

播放列表

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

节目信息

使用 GetMediaInfoString 方法可以返回相关剪辑或节目的如下信息:
文件名:File name
标题:Title
描述:Description
作者:Author
版权:Copyright
级别:Rating
URLs:logo icon、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型命令的同名真实事件。


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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值