html标签之Object和EMBED标签详解


Posted in HTML / CSS onJuly 04, 2013

定义和用法

定义一个嵌入的对象。请使用此元素向您的 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大小的字符串长度。

HTML / CSS 相关文章推荐
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
Dec 30 HTML / CSS
基于ccs3的timeline时间线实现方法
Apr 30 HTML / CSS
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
Jan 08 HTML / CSS
html5 canvas-1.canvas介绍(hello canvas)
Jan 07 HTML / CSS
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
Jan 30 HTML / CSS
HTML5使用DOM进行自定义控制示例代码
Jun 08 HTML / CSS
html5表单及新增的改良元素详解
Jun 07 HTML / CSS
canvas拼图功能实现代码示例
Nov 21 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
May 15 HTML / CSS
Html5之webcoekt播放JPEG图片流
Sep 22 HTML / CSS
企业开发CSS命名BEM代码规范实践
Feb 12 HTML / CSS
CSS精灵图的原理与使用方法介绍
Mar 17 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
Jul 04 #HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
Jul 04 #HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
Jul 02 #HTML / CSS
html5 CSS过度-webkit-transition使用介绍
Jul 02 #HTML / CSS
仿CSDN Blog返回页面顶部功能实现原理及代码
Jun 30 #HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 #HTML / CSS
html5 input属性使用示例
Jun 28 #HTML / CSS
You might like
大师制作的中短波矿石收音机
2020/04/02 无线电
PHP中常见的缓存技术实例分析
2015/09/23 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
iis6+javascript Add an Extension File
2007/06/13 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
Nodejs中的JWT和Session的使用
2018/08/21 NodeJs
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
Python getopt模块处理命令行选项实例
2014/05/13 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
Python3爬虫学习入门教程
2018/12/11 Python
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
给老师的检讨书
2014/02/11 职场文书
大学军训感言800字
2014/02/27 职场文书
租房协议书范本
2014/04/09 职场文书
小学作文评语大全
2014/04/21 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
教代会闭幕词
2015/01/28 职场文书
会计工作能力自我评价
2015/03/05 职场文书
面试复试通知单
2015/04/24 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
什么是css原子化,有什么用?
2022/04/24 HTML / CSS
使用Python开发冰球小游戏
2022/04/30 Python
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang