html标签之Object标签详解

定义和用法

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

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的代码示例：

Code:

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

<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大小的字符串长度。

·更多关于FlashVars的信息，请查看相关文档。

调用Medio Player 实例：

'<html><head><title>' + titleName + '</title></head><body bgcolor="#fadbda">' +
'<font color="red" size="1"> 友情提示: 如果不能正常播放，请升级或下载Media Player!</font><br />' +
'<object type="application/x-mplayer2" width="400" height="340" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"> autostart="true">'+
'<param name="SRC" value="' + url + '">'+
'<param name="allowScriptAccess" value="always" />' +
'<param name="quality" value="high" />' +
'<param name="scale" value="noscale" />' +
'<param name="play" value="false" />' +
'<param name="bgcolor" value="#000000" />'+
'<param name="allowFullScreen" value="true" />' +
'<embed src="' + url + '" type="application/x-mplayer2" width="400" height="340"> autostart="true" PLUGINSPAGE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715">'+
'<param name="SRC" value="' + url + '">'+
'<param name="allowScriptAccess" value="always" />' +
'<param name="quality" value="high" />' +
'<param name="scale" value="noscale" />' +
'<param name="play" value="false" />' +
'<param name="bgcolor" value="#000000" />'+
'<param name="allowFullScreen" value="true" />' +
'</embed>'+
'</object></body></html>';

1.avi格式

2.mpg格式

3.rm格式

</OBJECT>

4.wmv格式

最简单的播放代码

有图像的rm格式：

无图像的rm格式：如相声，歌曲。。。

在线播放r m格式视频代码：

html标签之Object标签详解的更多相关文章

Vue不兼容IE8原因以及Object.defineProperty详解
Vue不兼容IE8原因以及Object.defineProperty详解原因概述: Vue.js使用了IE8不能模拟的ECMAScript5特性. Vue.js支持所有兼容ES5的浏览器. Vue将 ...
JAVA中Object类方法详解
一.引言 Object是java所有类的基类,是整个类继承结构的顶端,也是最抽象的一个类.大家天天都在使用toString().equals().hashCode().waite().notify() ...
Android vector标签 PathData 画图超详解
SVG是一种矢量图格式,是Scalable Vector Graphics三个单词的首字母缩写.在xml文件中的标签是<vector>,画出的图形可以像一般的图片资源使用,例子如下: &l ...
HTML5新增标签的汇总与详解
趁着一点闲暇时间,把HTML5的新增标签整理了一下,用了表格的形式展现,分别归纳了各标签的用法及属性分析.这样方便各位以后在运用HTML5标记遇到疑惑时,直接上来对照看下就明了了,希望对大家有帮助哦. ...
maven 依赖中scope标签的配置范围详解
在创建Maven项目时,需要在pom.xml 文件中添加相应的依赖,其中有一个scope标签,该标签是设置该依赖范围 (maven项目包含三种classpath{编译classpath,测试class ...
HTML——b i del a p img h1 h2 h3 h4 h5 h6 hr ol ul 标签的使用方法详解
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
java的object类函数详解
1．clone方法(浅拷贝) 保护方法,实现对象的浅复制,只有实现了Cloneable接口才可以调用该方法,否则抛出CloneNotSupportedException异常. 主要是JAVA里除了8种 ...
Mybatis中parameterType、resultMap、statementType等等配置详解(标签中基本配置详解)
一.(转自:https://blog.csdn.net/majinggogogo/article/details/72123185) 映射文件是以<mapper>作为根节点,在根节点中支持 ...
HTML中select标签单选多选详解
select 元素可创建单选或多选菜单.当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 <select> 表单数据提交给服务器时包 ...

随机推荐

mysql优化问题汇总
sql优化-->分区-->分表-->垂直分库-->水平分库-->读写分离分区关于分区的博客推荐这个:https://blog.csdn.net/youzhouliu/ ...
reids的主从复制配置
本博来简单介绍一下redsi的主从配置.意思就是说有一台主redis,一个从redis,你向主的redis里面写一个数据,然后会同步到从redis里面.注意:从redis 不能写入数据.所以当我们用到 ...
HostAliases向Pod中添加hosts解析
前言根据公司同一个项目需要不同的de/te/pe环境,由于相应环境调用的数据库等配置信息存在不同等因素,需要向Kubernetes集群中的Pod添加对应的hosts解析. 解决以下以yaml文件自 ...
IntelliJ IDEA 界面介绍及常用配置
一:配置Maven File-->Settings-->搜索框输入maven -->配置maven home directory 跟 user setting file 二:配置JD ...
.Net进阶系列(11)-异步多线程(委托BeginInvoke)（被替换）
一. BeginInvoke最后两个参数的含义倒数第二个参数:指该线程执行完毕后的回调函数:倒数第一个参数:可以向回调函数中传递参数. 下面以一段代码说明: /// <summary> ...
Swift下使用Xib设计界面
虽然Swift可以纯代码设计界面,不过不利用现有的可视化工具有时候有点效率低.下面是使用xib设计方法,部分代码来自网上. (1)新建View 2.新建View class 3.DemoView.sw ...
Hadoop mapreduce执行过程涉及api
资源的申请,分配过程略过,从开始执行开始. mapper阶段: 首先调用默认的PathFilter进行文件过滤,确定哪些输入文件是需要的哪些是不需要的,然后调用inputFormat的getSplit ...
Zabbix 监控服务
熟悉了解一些 zabbix 基础项目监控 zabbix_get 相关操作 :获取 item 监控数据基本格式: -s --host: 指定客户端主机名或者IP -p --port:客户端端口,默认 ...
QDoubleSpinBox浮点型数字调节框
样式: import sys from PyQt5.QtWidgets import QApplication, QWidget, QDoubleSpinBox class Demo(QWidget) ...
js设置div透明度
原生js设置透明度为了兼容IE与其他浏览器对透明度的设置,我们需要对以上两种样式分别进行设置: 复制代码代码如下: var alpha = 30; //透明度值变量 var oDiv = docum ...

html标签之Object标签详解

html标签之Object标签详解的更多相关文章

随机推荐

热门专题