您的位置:首页 > 其它

网页设计中怎样插入视频播放器

2010-06-25 21:01 411 查看
最简单的播放代码 <embed src="地址" autostart="true" loop="true" width="200" height="150" >

仔细研究的话,就看下面的吧,哈哈哈,我一般只用上面的。

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="地址">

<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename=" 地址" 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="地址" 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="地址";>

<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="地址" 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="地址" 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=地址>

<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=地址>

<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=地址 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=地址/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=地址>

<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=地址>

<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="地址">

<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="地址">

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

引用内容

媒体播放器的外观界面

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

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

Video Display Panel:视频显示面板;

Video Border:视频边框;

Closed Captioning Display Panel;字幕显示面板;

Track Bar;搜索栏;

Control Bar with Audio and Position 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型命令的同名真实事件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: