iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >html中如何使用Object和EMBED标签
  • 193
分享到

html中如何使用Object和EMBED标签

2024-04-02 19:04:59 193人浏览 安东尼
摘要

html中如何使用Object和EMBED标签,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 定义和用法 定义一个

html中如何使用Object和EMBED标签,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

定义和用法

定义一个嵌入的对象。请使用此元素向您的 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/flash5/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/flash5/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标签的必要以及可选属性。

一、必需属性:

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

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

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

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

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

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

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

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

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

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

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

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

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

&middot;MENU - (true或false)

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

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

&middot;QUALITY - (low, high, autolow, autohigh, best )

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

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

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

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

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

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

&middot;SCALE - (showall, noborder, exactfit)

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

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

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

&middot;ALIGN - (l, t, r, b)

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

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

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

&middot;L,R,T,B

&middot;TL,TR

&middot;BL,BR

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

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

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

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

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

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

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

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

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

看完上述内容,你们掌握html中如何使用Object和EMBED标签的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网html频道,感谢各位的阅读!

--结束END--

本文标题: html中如何使用Object和EMBED标签

本文链接: https://www.lsjlt.com/news/82784.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html中如何使用Object和EMBED标签
    html中如何使用Object和EMBED标签,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 定义和用法 定义一个...
    99+
    2024-04-02
  • html中embed标签怎么用
    这篇文章将为大家详细讲解有关html中embed标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     HTML<embed>...
    99+
    2024-04-02
  • html中的embed标签怎么用
    这篇文章给大家分享的是有关html中的embed标签怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 HTML embed标签使用方法和属性详解 一、基本语法 代码如下...
    99+
    2024-04-02
  • HTML5的embed标签如何使用
    这篇文章主要介绍了HTML5的embed标签如何使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML5的embed标签如何使用文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • html中如何使用embed标签嵌入多媒体元素
    这篇文章主要介绍了html中如何使用embed标签嵌入多媒体元素,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。    ...
    99+
    2024-04-02
  • vue中如何使用embed标签PDF预览
    目录使用embed标签PDF预览embed的四个属性使用vue-pdf预览开发正常,打包报错work.js404解决方式使用embed标签PDF预览 embed的四个属性 <...
    99+
    2024-04-02
  • HTML中sup标签和sub标签如何使用
    本篇内容主要讲解“HTML中sup标签和sub标签如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML中sup标签和sub标签如何使用”吧! 在HT...
    99+
    2024-04-02
  • HTML5中embed标签怎么用
    这篇文章主要介绍了HTML5中embed标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 定义和用法 &...
    99+
    2024-04-02
  • html中object标签详解
    HTML中的<object>标签用于嵌入外部资源,如图像、音频、视频、Flash等,并在页面上显示这些资源,提供了一种通用的方式来嵌入各种不同类型的媒体资源,标签语法为”<object data="UR...
    99+
    2024-01-25
    object标签 html
  • 怎么在HTML5中使用embed标签
    这篇文章将为大家详细讲解有关怎么在HTML5中使用embed标签,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。定义和用法 <embed> 标签定义嵌入的内容,比如插件。 实例 &...
    99+
    2023-06-09
  • html中object标签有什么用
    这篇文章主要介绍了html中object标签有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     objec...
    99+
    2024-04-02
  • HTML中如何使用embed元素
    这篇文章主要讲解了“HTML中如何使用embed元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中如何使用embed元素”吧! x该<em...
    99+
    2024-04-02
  • HTML中如何定义和使用div标签
    HTML中如何定义和使用div标签,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。HTML<div>标签定义和用法<div...
    99+
    2024-04-02
  • HTML中title标签如何使用
    这篇文章主要介绍了HTML中title标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTML&l...
    99+
    2024-04-02
  • html中tt标签如何使用
    这篇文章主要介绍html中tt标签如何使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   HTML <tt> 标签 - HTML5 不支持   实例   定义打...
    99+
    2024-04-02
  • HTML中td标签如何使用
    这篇文章给大家分享的是有关HTML中td标签如何使用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<td>标签  ...
    99+
    2024-04-02
  • HTML中rt标签如何使用
    这篇文章主要介绍了HTML中rt标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTML<r...
    99+
    2024-04-02
  • HTML中ul标签如何使用
    这篇文章将为大家详细讲解有关HTML中ul标签如何使用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     HTML<ul>标签 &...
    99+
    2024-04-02
  • HTML中progress标签如何使用
    这篇文章主要介绍了HTML中progress标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTM...
    99+
    2024-04-02
  • HTML中th标签如何使用
    小编给大家分享一下HTML中th标签如何使用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!     HTML<th>标签     实...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作