在网页插入视频的方法

2009年12月22日星期二 15:14

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

<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">

<param name="ShowControls" value="1">

<param name="ShowPositionControls" value="0">

<param name="ShowAudioControls" value="1">

<param name="ShowTracker" value="0">

<param name="ShowDisplay" value="0">

<param name="ShowStatusBar" value="0">

<param name="ShowGotoBar" value="0">

<param name="ShowCaptioning" value="0">

<param name="AutoStart" value=1>

<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">

<param name="TransparentAtStart" value="0">

<param name="AllowChangeDisplaySize" value="0">

<param name="AllowScan" value="0">

<param name="EnableContextMenu" value="0">

<param name="ClickToPlay" value="0">
</object>

2008-4-11 20:15 回复

木雀°
1位粉丝
2楼

最简单的播放代码 <embed src="地址" autostart="true" loop="true" width="200" height="150" >

2008-4-11 20:17 回复

木雀°
1位粉丝
3楼

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>

2008-4-11 20:19 回复

木雀°
1位粉丝
4楼

8:最简单的media格式的播放器 <embed src=地址 width=200 height=200 autostart=true loop=true></embed>

2008-4-11 20:19 回复

木雀°
1位粉丝
5楼

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>

2008-4-11 20:25 回复

木雀°
1位粉丝
6楼

引用内容

媒体播放器的外观界面

在网页中，你可以通过相关属性来控制媒体播放器的哪些部分出现，哪些部分不出现。
媒体播放器包括如下元素：
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型命令的同名真实事件。

一、不带播放器的电影发布

这种发布方式并不会在网页浏览器中出现播放器，而是使用快捷菜单命令来控制电影的播放和停止，具体的发步骤为：

1、运行FrontPage 2002程序，确保网页处于视图方式下，然后将鼠标移动到菜单栏上，依次执行“插入”/“图片”/“视频”命令，随后系统会自动打开一个文件选择对话框，在这个对话框中大家可以将自己需要发布的电影视频文件选中，并单击该对话框中的“确定”按钮，这样就能将目标电影插入到网页中了；

2、这时插入的电影文件在网页编辑模式下只显示为一个小图标，大家只有在预览状态下或使用浏览器打开这个网页时，才能欣赏到其正常的内容；

3、为了让电影按照合适的方式进行播放，大家还需要对插入的电影文件进行一些参数设置，以便指定在线电影的播放方式；设置时大家可以用鼠标右键单击视频文件图标，从随后打开的快捷菜单中执行“图片属性”命令；

4、在弹出的“图片属性”对话框中，大家首先打开“视频”标签页面，并在其中将“重复”选项选中，当然大家也可以设定电影只循环播放有限的次数，并在次数设置栏处输入合适的数字大小；

5、在这个标签页面中，大家倘若需要在电影播放完一遍后，来暂停一段时间重复播放下一遍时，将“循环延迟”选项选中，同时在这里输入需要暂停的具体时间数目为多少毫秒；

6、大家也可以对在线电影的开始播放方式进行一些设置，例如是否让电影在打开网页文件时自动执行播放功能，或者设置让鼠标在画面上悬停时开始播放电影等；完成上面的设置后，大家可以执行“预览”命令来检查一下电影是否能够正确播放以及播放的效果如何；要是播放效果不理想的话，大家可以取消预览，重新设置电影播放参数，直到调整合适为止；至此，大家就能完成简单的电影发布任务了。

7、要是大家手头没有FrontPage之类的专用工具时，大家也可以在网页源文件中直接插入电影播放代码来实现在线电影的发布：大家可以先在网页中插入任意一幅图片，再用记事本打开该网页的源代码文件，并在其中找到控制图片的“< img border="0" src=" http://www.ta0412.com/dccom/e:/*.*" >”语句；

8、将该语句中的“src”图像标记名称改为视频标记名称“dynsrc”，同时将该标记的属性值指向目标电影文件的相对路径和文件名就可以了；例如要将e盘中的aaa.avi电影发布在网上的话，大家可以在网页源代码中直接插入“< img border="0" dynsrc=" http://www.ta0412.com/dccom/e:/aaa.avi" >”语句；

9、完成代码插入后，大家将该网页重新保存成html文件，同时使用浏览器来观看，就能看到自己插入的电影了。要是在浏览界面中发现插入的电影画面太小或不合比例时，可以重新打开网页源代码文件，并在中添加相应的电影播放控制代码，以便让电影画面和播放方式按自己需要来进行设置；

10、大家可以在img语句中使用控制电影大小的标记“width="xx" height="xx"”来设置电影播放的画面大小，要是取消这个标记属性的话，浏览器就会自动按照电影原始的播放尺寸来显示在浏览器上了；

11、在img语句中，大家还可以添加控制电影播放方式的标记“start="..."”，要是大家希望在网页被访问时电影能够自动播放的话，可以将其值设为“start="fileopen"”；要是希望电影在鼠标悬停于该电影画面上时开始播放的话，可以将其值设为“start="mouseover"”，这样鼠标一旦悬停在该电影画面上时电影就能自动播放；

12、此外大家还可以在img语句中，添加能控制重复播放次数的标记“
loop="..."”，来让在线电影按照需要循环播放电影；如果将其值设置为“loop="infinite"”的话，在线电影将会自动无限制地循环播放；不过大家要是只想将电影播放一遍的话，可以不使用“loop”标记；

13、使用“loopdelay="..."”标记可以设置电影在每次进行重复播放时的时间间隔，例如要是将其值设置为“loopdelay="2"”的话，就表示希望暂停的时间为2豪秒。

通过上面的设置，一段精彩的电影就能正常地在网页上播放了。当然，这种在线电影的播放效果可能并不十分理想，要想获得更高效果的电影发布，大家最好还必须学会带播放器的电影发布技巧。
二、带播放器的电影发布

为了能让浏览者按照自己的意愿来播放和欣赏电影，大家可以使用下面的方法来实现带播放器的电影发布：

1、运行FrontPage 2002程序，在菜单栏中依次执行“插入”/“Web组件”命令，随后FrontPage 2002就能打开一个标题为“Web组件”的对话框；

2、在这个对话框的“组件类型”选项中，大家用鼠标将“高级控件”选项选中，同时在“选择一个控件”选项中将“ActiveX控件”选中；

3、接下来在“插入ActiveX控件”对话框中，大家将“Windows Media Player”选项选中，这样一个播放控制器界面就被插入到网页中了，以后大家在浏览器中打开该页面时就能看到这个播放器了；

4、用鼠标右键单击刚刚插入的播放器，在随后弹出的快捷菜单中执行“ActiveX控件属性”命令，这样系统就能打开“选项”对话框。在该对话框中选中“播放”标签，并在该标签页面中进一步设置播放的各种属性参数，例如播放的循环次数、播放的画面尺寸及播放音量等内容，以保证各位浏览者能够在网页页面中轻松地控制在线电影；

5、设置好播放属性后，大家可以将FrontPage 2002程序界面切换到“HTML”视图方式，并在其中找到“< param name="SAMIFileName" value >”语句，并将该语句中的“value”属性值设置为“value ="*.*"”，其中“*.*”表示需要在线发布的电影文件名以及存放该文件的相对路径。此外，大家可以根据需要来修改该语句的其他几个标记的属性值；

6、当然大家要是非常熟悉HTML语法的话，也可以打开网页源代码文件，来手工设计电影播放控制器；首先大家只要在HTML源文件中加入以下字段：

< p >
< object :22D6F312-B0F6-11D0-94AB-0080C74C7E95"

id="MediaPlayer1" >

< param name="Filename" value="*.*" >

//Filename表示电影名称，*.*表示电影文件的位置

< object >

< /p >

然后重新保存网页文件，这样网页就能插入播放控制器和电影了；

7、当然上面只是最基本的代码，为了能更好地控制电影的播放，大家最好还需要在HTML源文件中添加下面用于播放控制的代码：

< param name="PlayCount" value="a" >//

a表示重复播放电影几次，如为0的话就让电影无限循环；

< param name="AutoStart" value="a" >//

a表示是否自动播放电影，为1表示自动播放，0是按键播放；

< param name="ClickToPlay" value="a"

//a为1表示用鼠标点击控制播放或暂停状态，为0是禁用此功能；

< param name="DisplaySize" value="a" >//a为1表示按原始尺寸播放

< param name="EnableFullScreen Controls" value="a"

//a为1表示允许切换为全屏，为0则禁止切换；

< param name="ShowAudio Controls" value="a"

//a为1表示允许调节音量，为0禁止调节；

< param name="EnableContext Menu" value="a"

//a为1表示允许使用右键菜单，为0表示禁用右键菜单；

----------------------------------
基本语法 <embed src=#> #=URL
本标记可以用来在主页中嵌入多媒体文本，如：
电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...
体会 <embed> 标记，您需要把 plugin 安装完备。
请注意：embed attributes are different between each plugins.

背景音乐
<bgsound src=#> #=WAV 文件的 URL
<bgsound loop=#> #=循环数
<bgsound src=" http://www.ta0412.com/dccom/sound.wav" loop=3>

插入视频剪辑
<img src=" http://www.ta0412.com/dccom/url.gif" dynsrc=" http://www.ta0412.com/dccom/url.avi">
用 http://www.ta0412.com/dccom/url.avi 这一 AVI(Video for MS－WINDOWS) 文件来播放视频；
用 http://www.ta0412.com/dccom/url.gif 这一 GIF 图象作为视频的封面，即：在浏览器
尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象。
<img src=" http://www.ta0412.com/dccom/SAMPLE-S.GIF" dynsrc=" http://www.ta0412.com/dccom/SAMPLE-S.AVI">

何时开始播放 AVI <img start=#> #=fileopen, mouseover
缺省值是 #=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI 。

mouseover 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。

也可以两者同时设置：<img start=fileopen,mouseover>

另外，用鼠标在 AVI 播放区域点击一下，也将令浏览器开始播放该 AVI。

<img src=" http://www.ta0412.com/dccom/SAMPLE-S.GIF" dynsrc=" http://www.ta0412.com/dccom/SAMPLE-S.AVI"
start=mouseover>

控制条 <img controls>
用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条。
<img src=" http://www.ta0412.com/dccom/SAMPLE-S.GIF" dynsrc=" http://www.ta0412.com/dccom/SAMPLE-S.AVI" controls>

循环播放 <img loop=#>
<loop=infinite> 将循环播放不止。

<img src=" http://www.ta0412.com/dccom/SAMPLE-S.GIF" dynsrc=" http://www.ta0412.com/dccom/SAMPLE-S.AVI" loop=3>

延时 <img loopdelay=#> #=毫秒数
<img src=" http://www.ta0412.com/dccom/SAMPLE-S.GIF" dynsrc=" http://www.ta0412.com/dccom/SAMPLE-S.AVI"
loop=3 loopdelay 250>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。