关于OBJECT和EMBED播放flash的研究

关于OBJECT和EMBED播放flash的研究

作者：zhaoxuejie

时间：2010-12-23

概述：

       我们在网页中经常遇到播放flash，要正常播放flash就要用到OBJECT和EMBED这两个标签。鉴于火狐及IE等不同浏览器厂商的不兼容性。播放flash也不相同。

 

OBJECT标签

用于windows平台的IE浏览器，利用Activex控件来播放flash。

 

属性：

Classid: 独有属性，设置IE浏览器的Activex控件

Codebase: 独有属性，告诉浏览器在没有安装flash player时自动下载flash player的地址

Width: 以百分比或象素指定flash影片的宽度

Height: 以百分比或象素指定flash影片的高度

Id: 独有属性，设定变量名，用于脚本代码的引用。

 

定义属性方式：PARAM标签

Object用param标签来定义flash的一些属性

如：<PARAM NAME=movie VALUE="myFlashMovie.swf">

EMBED标签

用于windows和Macintosh平台下的NetscapeNavigator浏览器，使用Netscape插件技术来播放flash。

 

属性：

Src: 独有属性，指定影片的下载地址

Type: 独有属性，指定类型是flash文件

Pluginspage: 独有属性，设置flash插件的位置，没有安装的话，可以自动下载安装

Name: 独有属性，设定变量名，用于脚本代码（如javascript）的引用

 

定义属性方式 name=value如：quality=high

为了兼容各浏览器我们通常这样写，如例：

<OBJECTclassid="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="myFlashMovie.swf"" quality=high bgcolor=#FFFFFFWIDTH="550" HEIGHT="400"
NAME="myMovieName" ALIGN=""TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

目的是IE浏览器用OBJECT而会忽略EMBED标签的内容。而火狐等浏览器用EMBED忽略OBJECT等标签内容

 

以下来源互联网

----------------------------------------------------------------------------------------------------------------------

 

常用可选属性：

       PLAY（true或false）指定flash是否在下载完成后就自动播放，省略默认为true

LOOP（true或false）指定flash是否播放完继续循环播放，省略默认为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按照相应的设置沿浏览器的边缘对齐如果需要，另外三边将被裁切  

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

附：embed标签的用法

 

（一）、基本语法：

　　embed src=url

　　说明：embed可以用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等等，

      Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。

　　示例：<embed src="your.mid">

 

（二）、属性设置：

　　1、自动播放：

　　语法：autostart=true、false

　　说明：该属性规定音频或视频文件是否在下载完之后就自动播放。

　　true：音乐文件在下载完之后自动播放；

　　false：音乐文件在下载完之后不自动播放。

　　示例：<embed src="your.mid"autostart=true>

　　<embed src="your.mid" autostart=false>

 

　　2、循环播放：

　　语法：loop=正整数、true、false

　　说明：该属性规定音频或视频文件是否循环及循环次数。

　　属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；

　　属性值为true时，音频或视频文件循环；

　　属性值为false时，音频或视频文件不循环。

　　示例：<embed src="your.mid"autostart=true loop=2>

　　　　　<embed src="your.mid"autostart=true loop=true>

　　　　　<embed src="your.mid"autostart=true loop=false>

 

　　3、面板显示：

　　语法：hidden=ture、no

　　说明：该属性规定控制面板是否显示，默认值为no。

　　ture：隐藏面板；

　　no：显示面板。

　　示例：<embed src="your.mid"hidden=ture>

　　<embed src="your.mid" hidden=no>

 

　　4、开始时间：

　　语法：starttime=mm:ss（分：秒）

　　说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

　　示例：<embed src="your.mid"starttime="00:10">

 

　　5、音量大小：

　　语法：volume=0-100之间的整数

　　说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。

　　示例：<embed src="your.mid"volume="10">

 

　　6、容器属性：

　　语法：height=# width=#

　　说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。

　　height：控制面板的高度；

　　width：控制面板的宽度。

　　示例：<embed src="your.mid" height=200width=200>

 

　　7、容器单位：

　　语法：units=pixels、en

　　说明：该属性指定高和宽的单位为pixels或en。

　　示例：<embed src="your.mid"units="pixels" height=200 width=200>

　　　　　<embed src="your.mid"units="en" height=200 width=200>

 

　　8、外观设置：

　　语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、

      volumelever 说明：该属性规定控制面板的外观。默认值是console。

　　console：一般正常面板；

　　smallconsole：较小的面板；

　　playbutton：只显示播放按钮；

　　pausebutton：只显示暂停按钮；

　　stopbutton：只显示停止按钮；

　　volumelever：只显示音量调节按钮。

　　示例：<embed src="your.mid"controls=smallconsole>

　　　　　<embed src="your.mid"controls=volumelever>

 

　　9、对象名称：

　　语法：name=#

　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。

　　示例：<embed src="your.mid"name="sound1">

 

　　10、说明文字：

　　语法：title=#

　　说明：#为说明的文字。该属性规定音频或视频文件的说明文字。

　　示例：<embed src="your.mid" title="第一首歌">

 

　　11、前景色和背景色：

　　语法：palette=color|color

　　说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景

      色，中间用| 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent

    （透明）。 示例：<embedsrc="your.mid" palette="red|black">

 

　　12、对齐方式：

　　语法：align=top、bottom、center、baseline、left、right、texttop、middle、

      absmiddle、absbottom

　　说明：该属性规定控制面板和当前行中的对象的对齐方式。

　　center：控制面板居中；

　　left：控制面板居左；

　　right：控制面板居右；

　　top：控制面板的顶部与当前行中的最高对象的顶部对齐；

　　bottom：控制面板的底部与当前行中的对象的基线对齐；

　　baseline：控制面板的底部与文本的基线对齐；

　　texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；

　　middle：控制面板的中间与当前行的基线对齐；

　　absmiddle：控制面板的中间与当前文本或对象的中间对齐；

　　absbottom：控制面板的底部与文字的底部对齐。