`
mllongze
  • 浏览: 82738 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

object和embed使用及举例(转载)

阅读更多
今天看到公司代码里有jsp嵌入多媒体格式看到 <object><mebed> 上网找了些东西学习看到一篇文章不错 再此分享一下....  写很全面连接地址 出自(http://blog.csdn.net/jubao_liang/archive/2009/04/28/4132320.aspx)!


===========================================================


一、介绍:
我们要在网页中正常显示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">
<PARAM NAME=movie VALUE="myFlashMovie.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="/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的信息,请查看相关文档。



一个flv播放器的例子:
功能:网页FLV视频在线播放代码
代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
  <param name="movie" value="http://www.cnzz.cc/Flv/Flvplayer.swf" />
  <param name="quality" value="high" />
  <param name="allowFullScreen" value="true" />
  <param name="FlashVars" value="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&BufferTime=3" />
  <embed src="http://www.cnzz.cc/Flv/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>

代码说明:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
  <param name="movie" value="http://www.cnzz.cc/Flv/Flvplayer.swf" />
  <param name="quality" value="high" />
  <param name="allowFullScreen" value="true" />
  <param name="FlashVars" value="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&BufferTime=3" />
  <embed src="http://www.cnzz.cc/Flv/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
  </object>

500 :播放器的宽度。
400:播放器的高度。
Flvplayer.swf :播放器文件地址,如果大家没空间放,请直接用http://www.cnzz.cc/Flv/Flvplayer.swf。
http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv:flv文件地址。
www.cnzz.cc :播放器顶部标志,可缺省。
Flvplayer.swf 这是FLV播放器,也就是上面下载的播放文件,很重要,路径一定要对,否则播放错误,可以放其他目录,如果放在 img目录就是:img/Flvplayer.swf ,前面不带“/”。,可直接用本地的FLV播放器http://www.cnzz.cc/Flv/Flvplayer.swf
如需自动播放加上IsAutoPlay=1
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
<param name="movie" value="http://www.cnzz.cc/Flv/Flvplayer.swf" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&BufferTime=3&IsAutoPlay=1" />
<embed src="http://www.cnzz.cc/Flv/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>
分享到:
评论

相关推荐

    html标签之Object和EMBED标签详解

    object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。 浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。 而幸运的是,object...

    显示flash内容时用的OBJECT和EMBED标签区别介绍

    总结一下,当网页需要嵌入Flash内容时,应该优先考虑使用OBJECT和EMBED标签的组合方式。这种组合方式能够兼顾多种浏览器的兼容性,提供最佳的用户体验。同时,了解两者的区别和适用范围对于网站开发人员来说是十分...

    embed标签使用详解

    - **使用建议**:为了确保页面在不同浏览器中的兼容性,建议同时使用`&lt;embed&gt;`和`&lt;object&gt;`标签。通常情况下,`&lt;embed&gt;`标签放置于`&lt;object&gt;`标签内部,这样浏览器会忽略其不支持的标签。 #### 四、HTML与XHTML的...

    embed使用,embed播放多媒体

    `embed`标签在大部分现代浏览器中都有良好的支持,但考虑到老版本的IE和一些不完全支持HTML5的浏览器,可以使用`object`标签作为`embed`的备选方案,以确保跨浏览器的兼容性。 ```html &lt;!--[if !IE]&gt;--&gt; &lt;embed src...

    HTML5 embed 标签使用方法介绍

    然而,由于现代网页设计中越来越多的使用了`&lt;video&gt;`和`&lt;audio&gt;`等元素来播放媒体内容,`&lt;embed&gt;`标签的使用频率有所下降,但它仍然在某些特定场景中发挥着作用。 需要注意的是,由于`&lt;embed&gt;`标签在HTML5中的属性...

    html使用embed 播放flv 视频

    为了向后兼容,可以结合使用`&lt;object&gt;`和`&lt;embed&gt;`标签,如下所示: ```html &lt;object data="flashplayer.swf" width="640" height="480"&gt; &lt;embed src="video.flv" width="640" height="480" ...

    Web-前端html+css从入门到精通 118. embed标签与object标签.zip

    embed和object标签之间的选择通常基于项目需求和浏览器兼容性。embed标签适合快速、简单地插入多媒体内容,而object标签则更适合处理复杂的情况,需要更多控制和交互的多媒体资源。在实际开发中,开发者可能会根据...

    embed标签的使用(在网页中播放各种音频视频的插件的使用)

    ### embed标签的使用详解 #### 一、embed标签概述 `&lt;embed&gt;`标签是一种用于嵌入多媒体内容到HTML文档中的标记。它支持多种媒体格式,包括音频、视频以及Flash动画等。通过设置不同的属性,我们可以控制媒体文件的...

    embed embed

    由于HTML5的兴起,现在更多使用video和audio标签来处理多媒体,但embed仍然在某些场景下被使用,尤其是在兼容旧版浏览器时。 ### 基本语法 embed标签的基本结构如下: ```html &lt;embed src="url"&gt; ``` 这里的`src`...

    embed python打包 和 redis windows使用.pdf

    以下是关于embed python打包和Redis Windows使用的详细步骤: 1. **embed python打包**: - 首先,你需要下载对应版本的embed python,如Python 3.8.2的embed版本。这个版本包含Python解释器和基础库,不包含第三...

    FlashObject的使用

    通过学习和使用FlashObject,开发者可以更方便地在网页中集成和控制Flash内容,同时确保在各种环境下提供良好的用户体验。然而,随着Flash的退役,了解HTML5相关的Web动画技术和交互设计也变得至关重要。

    Html 标签embed 动态显示

    同时,为了兼容不同的浏览器和设备,开发者还需要考虑使用如`&lt;object&gt;`标签作为备选方案,以及使用响应式设计来适应不同屏幕尺寸。此外,优化加载速度和用户体验也是使用这些标签时必须考虑的因素,比如通过延迟加载...

    HTML-embed代码详解

    通过使用 bgcolor 和 fgcolor 属性,可以设置音频或视频文件的前景色和背景色。 HTML-embed 代码提供了多种方式来控制音频或视频文件的播放、循环、音量大小、面板显示、开始时间、容器属性、容器单位、外观设置、...

    object 标签使用

    这里的`classid`和`codebase`属性用于识别Flash插件,`movie`属性指向SWF文件,`embed`标签是备用的,用于那些不支持`&lt;object&gt;`标签的浏览器。 五、嵌入Java Applets `&lt;object&gt;`标签也可以用来插入Java Applets: `...

    Go-embed:另一个Golang静态内容嵌入器

    在Golang生态系统中,`embed`包是一个内置于语言的标准库,自Go 1.16版本开始引入,用于将静态...通过理解`embed`的基本使用和核心概念,我们可以有效地将其整合进Go项目的开发流程中,提升程序的稳定性和可移植性。

    AS3 Embed用法

    ### AS3 Embed 用法详解 #### 一、引言 ...`Embed`不仅可以帮助我们更高效地管理和使用资源,还提供了更多的灵活性和扩展性。在未来的工作中,熟练掌握`Embed`的使用将会使我们的开发工作更加高效。

    Embed嵌入图片

    下面我们将深入探讨`Embed`元标签的使用方法以及它在加载图片资源中的应用。 一、`Embed`元标签基础 `Embed`元标签是AS3中用于内联嵌入资源的关键字,通常与`[Embed]`语法一起使用。它的基本结构如下: ```as3 ...

    使用object播放flv格式的视频html代码

    -- 对于不支持object标签的浏览器,使用embed标签 --&gt; &lt;/object&gt; ``` 在这个例子中,`&lt;object&gt;`标签的`classid`和`codebase`属性是识别Flash Player的标识,`width`和`height`定义了播放器的尺寸。`&lt;param&gt;`标签...

Global site tag (gtag.js) - Google Analytics