html标签之Object和EMBED标签详解

2016-02-19 10:40 29 1 收藏

下面是个html标签之Object和EMBED标签详解教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

定义和用法

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。

object 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 object 和 /object 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。

使用对象(OBJECT)和嵌入(EMBED)标签
为在浏览器中进行Flash影片的播放,HTML文档中必须包含和标签,并进行参数设置。对EMBED标签来说,与它一同括在括号中的设定(如HEIGHT, WIDTH, QUALITY和LOOP等)都是它的属性,例如:
EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" /EMBED
OBJECT标签有4个设定(HEIGHT, WIDTH, CLASSID和CODEBASE),都是它的属性。其他设定在HTML文档中都是独立出现,称之为参数标签。例如:
OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100" HEIGHT="100"CODEBASE="http://active.macromedia.com/flash4/cabs/ swflash.cab#version=4,0,0,0" PARAM NAME="MOVIE" VALUE="moviename.swf" PARAM NAME="PLAY" VALUE="true" PARAM NAME="LOOP" VALUE="true" PARAM NAME="QUALITY" VALUE="high" /OBJECT

SRC
取值:影片名称(如movieName.swf)。
对应的模版变量:$MO
功能描述:指定要载入影片的名称,仅适用于EMBED标志中。

MOVIE
取值:影片名称(如movieName.swf)。
对应的模版变量:$MO
功能描述:指定要载入影片的名称,仅适用于OBJECT标志中。

CLASSID
取值:clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
功能描述:指明浏览器所用的ActiveX控件,必须完全与上面的值相同,仅适用于OBJECT标志中。

WIDTH
取值:数字或百分数。
对应的模版变量:$WI.
功能描述:以像素数或浏览器窗口宽度的百分数形式指定影片的宽度。

HEIGHT
取值:数字或百分数。
对应的模版变量:$HE
功能描述:以像素数或浏览器窗口高度的百分数形式指定影片的高度。

因为Flash影片是可缩放的,所以在保持长宽比的前提下改变影片幅面的大小不会使影片的显示质量降低。

CODEBASE
取值:http://active.macromedia.com/flash4/cabs/swflash.cab
#version=4,0,0,0"

功能描述:指明Flash播放器的ActiveX控件的位置,当浏览器未安装它时,可自动到该位置下载。所赋的值必须完全与上面的值相同。仅适用于OBJECT标志中。

PLUGINSPAGE
取值:http://www.macromedia.com/shockwave/download/ index.cgi?
P1_Prod_Version=ShockwaveFlash
功能描述:指明Flash播放器插件的位置,在需要时便于安装。所赋的值必须完全与上面的值相同。仅适用于EMBED标志中。

SWLIVECONNECT(可选)
取值:true或false.
功能描述:用于确定在第一次载入Flash播放器时是否启动Java,当该项被省略时取默认值False。无论什么时候只要在同一页面中包含JavaScript程序和Flash,为使FS Commands语句起作用,必须运行Java,但如果页面中的JavaScript程序仅用来实现监测浏览器的类型或其他与FS Commands语句无关的功能,则可以把SWLIVECONNECT置为false以阻止Java的启动,要启动Java,可显式地将SWLIVECONNECT 置为true,这将大大增加影片开始播放过程所用的时间。仅适用于EMBED标志中。

PLAY(可选)
取值:true或false.
对应的模版变量:$PL.
功能描述:用于指定当影片下载到浏览器之后是否立即播放。如果影片中包含交互元素,也许需要被演示者的相关操作来启动播放,这时可将该属性置为false来阻止影片的自动播放,该属性被省略时将按默认值true执行。

LOOP(可选)
取值:true或false。
对应的模版变量:$LO.
功能描述:指定影片是重复播放还是播放一遍后停止。该属性被省略时将按默认值true执行。

QUALITY(可选)
取值:low、high、autolow、autohig或best。
对应的模版变量:$QU.
功能描述:见前述。

该属性被省略时将按默认值high执行。

BGCOLOR(可选)
取值:#RRGGBB(16进制的RGB值)。
对应的模版变量:$BG
指定影片的背景色,该属性可取代Flash影片文件中背景色的设定,但不影响影片所在HTML页的背景色设定。

SCALE(可选)
取值:showall、noborder、exactfit.
对应的模版变量:$SC.
功能描述:当宽度和高度值以百分数表示时,确定影片被如何放置在浏览器窗口中。选项有以下几个:

Show all (默认值)在指定尺寸的区域中显示整个影片的内容并保持与原影片相同的长宽比例,影片内容不发生变形。
No Border在维持影片长宽比例的情况下填充指定区域,影片内容不发生变形,但影片的部分内容可能显示不出来。
Exact Fit使整个影片在指定区域可见,因为此时不再维持原有的长宽比例,所以影片有可能变形。

该属性被省略(且宽度和高度值以百分数表示时)时将按默认值showall 执行。

ALIGN
取值:L、R 、T、B.
对应的模版变量:$HA.
功能描述:设置OBJECT、EMBED和IMG标签中的ALIGN属性,决定影片在浏览器窗口中的位置。

省略时使影片置于浏览器窗口的中央,如果浏览器窗口尺寸比影片所占区域尺寸小,将调整浏览器窗口尺寸,使影片正常显示。

L值使影片与浏览器窗口的左边对齐,如果浏览器窗口不足以容纳影片,将调整窗口的上下边和右边。
R值使影片与浏览器窗口的右边对齐,如果浏览器窗口不足以容纳影片,将调整窗口的上下边和左边。
T 值使影片与浏览器窗口的顶边对齐,如果浏览器窗口不足以容纳影片,将调整窗口的左右边和底边。
B 值使影片与浏览器窗口的底边对齐,如果浏览器窗口不足以容纳影片,将调整窗口的左右边和顶边。

SALIGN(可选)
取值:L 、R 、T、 B、TL、TR、BL、BR.
对应的模版变量:$SA
功能描述:用于确定经缩放的影片在一指定宽高尺寸的区域中如何放置。各种取值的含义可参见上一项。

BASE(可选)
取值:基准路径或URL。
功能描述:用于指定影片中所用到的相对路径的基准位置。

MENU(可选)
取值:true、false.
对应的模版变量:$ME.
功能描述:用于指定在浏览器中当对影片所占区域右击鼠标(对Windows)或按住command键单击鼠标(对Macintosh)时出现的快捷菜单的类型。
True值将显示整个菜单,允许被演示者对放映过程进行多种控制。
False值将显示只包含About Flash菜单项的菜单。

该属性被省略时将按默认值true执行。

WMODE(可选)
取值:Window、Opaque、Transparent.
对应的模版变量:$WM.
功能描述:该参数仅在有Flash Active X空间的Windows系统中适用。

Window值使得影片在网页中指定的位置播放,这也是几种选项中播放速度最快的一种。
Opaque Windowless值将挡住网页上影片后面的内容。
Transparent值使得网页上影片中的透明部分显示网页的内容与背景,有可能降低动画速度。

该属性被省略时将按默认值Window执行,只能用在Object标记中。

一、介绍:

我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

下面是简单的网页中插入flash的代码示例:


代码如下:

OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="550" HEIGHT="400" id="myMovieName"
PARAM NAME=movie VALUE="myFlashMovie.swf"
PARAM NAME=quality VALUE=high
PARAM NAME=bgcolor VALUE=#FFFFFF
EMBED src="http://www.doflash.net/"/support/flash/ts/documents/myFlashMovie.swf"" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
/EMBED
/OBJECT

二、为什么要使用以上全部的标签?能省略某些标签不?

OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。classid和codebase属性必须要精确地按上例所示的写法写,它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框访问是否要自动安装flash player。当然,如果你不想让那些没有安装flash player的用户自动下载播放器,或许你可以省略掉这些代码。

EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。pluginspage属性告诉浏览器下载flash player的地址,如果还没有安装flash player的话,用户安装完后需要重启浏览器才能正常使用。

为了确保大多数浏览器能正常显示flash,你需要把EMBED标签嵌套放在OBJECT标签内,就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说,如果你省略了EMBED标签,那firefox就不能识别你的flash了(不过纳闷的是,省略了object只写embed,IE也能正常显示flash,呵呵,具体的再仔细看看了)。

下面列出了用于发布影片的OBJECT和EMBED标签的必要以及可选属性。

一、必需属性:

CLASSID-设置浏览器的Activex控件,仅用于OBJECT标签。

CODEBASE-设置flash Activex控件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于OBJECT标签。

WIDTH-以百分比或象素指定flash影片的宽度。

HEIGHT-以百分比或象素指定flash影片的高度。

SRC-指定影片的下载地址。仅用于EMBED标签。

PLUGINSPAGE-设置flash 插件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于EMBED标签。

MOVIE-指定影片的下载地址。仅用于OBJECT标签。

二、可选属性及可用的值:

ID-设定变量名,用于脚本代码的引用。仅用于OBJECT。

NAME -设定变量名,用于脚本代码(如javascript)的引用。仅用于EMBED。

SWLIVECONNECT - (true或false)指定当flash player第一次下载时,是否启用java。如果些属性省略,默认值为false。你果你在相同页同使用javascript和flash,java必须使用FSCommand来工作。

PLAY -(true或false)指定flash影片是否在下载完成后就自动播放,如果省略此属性,则默认为true。

LOOP - (true或false)指定影片播放完最后一帧后是停止还是继续循环播放,如果省略此属性,则默认为true。

MENU - (true或false)

True 显示全部的菜单,允许用户放大,缩小等控制影片播放等操作。

False 显示只包含设置选项和关于flash的菜单。

QUALITY - (low, high, autolow, autohigh, best )

Low 速度优于美观,而且不应用反锯齿。

Autolow 刚开始着重于速度,但当需要时随时提升美观。

Autohigh 同时着重播放速度和美观,但需要时则牺牲美观来保证播放速度。

Medium 应用一些反锯齿而不平滑位图。它质量高于low设置而低于high设置。

High 美观优于播放速度,而且一直应用反锯齿。如果影片不包含动画,位图会被平滑化;而如果影片包含动画,位图将不变平滑。

Best 提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。

SCALE - (showall, noborder, exactfit)

Default(Show all)影片在指定的区域内显示,但保持原始的比例。影片两侧将会出现边框。

No Boder 收缩影片以适合指定的区域,保持影片不失真,但部分影片将可能将裁切。然而保持影片的原始比例。

Exact Fit 使整个影片在指定的区域内显示,影片有可能变形失真,而且不保持原始的比例。

ALIGN - (l, t, r, b)

默认为居中,当浏览器窗口小于影片时,边缘会被裁切。

Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要,另外三边将被裁切。

SALIGN - (l, t, r, b, tl, tr, bl, br)

L,R,T,B

TL,TR

BL,BR

WMODE- (window, opaque, transparent) 设置flash影片的window mode属性,指定flash在浏览器中的透明,层叠及位置。

Window 影片在浏览器中自己的矩形窗口内播放。

Opaque 影片隐藏了所有在它后面的内容。

Transparent 使flash影片透明,显示透明影片后面的网页内容。这将会降低动画的性能。而且这个属性不是在所有浏览器中都可用的。

BGCOLOR - (#RRGGBB, 十六进制RGB值。)指定影片的背景颜色。使用这个属性覆盖flash中设定的背景颜色。

BASE - 设定基准目录或URL,用来解决所以flash中的相对路径。类似网页中的base标签。

FLASHVARS 传递变量到flash player,需要flash player6及以后的版本。

传递root级变量到影片。字符串的格式是用&分隔的name=value集。

浏览器支持64kB大小的字符串长度。

来源:http://www.tulaoshi.com/n/20160219/1595451.html

延伸阅读
标签: PHP
  <?php /********************************* * *  作者: 徐祖宁 (唠叨) *  邮箱: czjsz_ah@stats.gov.cn *  开发: 2002.07 * * *  函数: tags *  功能: 从文件中提取HTML标签 * *  入口: *  $filename 文件名 *  $tag    &...
标签: Web开发
我们在文章中一直强调HTML标签语义的重要,富含语义而且科学得当的运用HTML标签,对CSS网页布局既建立符合WEB标准的网站是非常有意义、非常有益处的。 或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这...
标签: Web开发
换行标记br的使用 换行标记br是一个没有结尾的标记,HTML文件中任何位置只要使用了br标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该br标记就是起到换行的标记! 请注意!在一般的文字文件中,只要按下键盘上的Enter健便用产生了换行,但是在HTML文件中按Enter键换行是没用的,我们必须用特定的标记br来让它...
标签: Web开发
标签:a (标记) 说明:标明超链接的起始或目的位置。 描述: 标签属性 · accessKey 设置或获取对象的快捷键。     · atomicselection 指定元素及其内容是否可以一不可见单位统一选择。     · begin 设置或获取时间线在该元素上播放前的延迟时间。     · canHaveChildren 获取表...
1.logic:empty logic:empty标签是用来判断是否为空的。如果为空,该标签体中嵌入的内容就会被处理。该标签用于以下情况: 当Java对象为null时 当String对象为""时 当java.util.Collection对象中的isEmpty()返回true时 当java.util.Map对象中的isEmpty()返回true时 下面的代码示例了logic:empty标签判断集合persons是否为空: logic:emp...

经验教程

301

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部