`
webcenterol
  • 浏览: 939275 次
文章分类
社区版块
存档分类
最新评论

网页中插入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" >
<PARAM VALUE="myFlashMovie.swf">
<PARAM VALUE=high>
<PARAM 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的信息,请查看相关文档。
二:一些技巧
(一)首先教大家最简单的插入Flash的代码,透明,无坐标控制:

注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。

<EMBED height=360 pluginspage=http://www.macrom edia.com/go/getflashplayer
src=http://imgfree.21cn.com/ free/flash/17.swf
type=application/x-shockwave-flash&nb sp;width=500 wmode="transparent"
quality="high"></EMBED>

(二)再教教大家加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动
<EMBED style=" LEFT: 250px; WIDTH: 550px; POSITION:&nbs p;absolute; TOP:
200px; HEIGHT: 1000px " align=right src=http://user.hjenglish.com/yangbb/
pics/snow.swf width=500 height=2000 type=appl ication/octet-stream ;
quality= "high" wmode="transparent">

(三)最后教教大家如何加入相对坐标的透明Flash,注意下面代码的table部分,这主要是使用表格作为容器,把Flash
“装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透
明Flash与背景图片相配合,哇塞,效果好得不得了
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382
align=center backg
round=http://image.hjbbs.com/img/200410/200410259222581234.j pg>
<TD width=600 height=382><EMBED plug
inspage=http://www.macromedia.com/go/getflashplayer &nb sp;
src=http://user.hjenglish.com/yangbb/pics/hearts.swf wi dth="100%"
height="100%"
type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>

------------------------------------------------------------ ------
还有以下方法:
基于网页排版的实现方法
你可以先准备好一张图片和一个适合做透明效果的flash,然后打开DREAMWEAVER中新建一个网页,插入一个一行一列的
单元格,单元格的规格大小和事先准备好的图片宽高一样,然后把这个图片设为单元格的背景图片,设置完了后,在这个单元格中插入准
备好的flash了,其中flash的大小规格也应该调成和单元格一样大小。用鼠标选中flash后,把网页编辑状态由“设计”
切换到“代码中,你会看到flash部分在源代码中都变成了黑色了,代码实例如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
[url]http://download.macromedia.com/pub/shockwave/cabs/flash/swfl[/url]
ash.cab#version=6,0,29,0" width="470" height="180">
<param name="movie" value="0.swf">
<param name="quality" value="high">
<embed src="0.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="470" height="180"></embed>
</object>
在以上代码中插入这么一段代码:<param name="wmode" value="transparent">,完整代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
[url]http://download.macromedia.com/pub/shockwave/cabs/flash/swfl[/url]
ash.cab#version=6,0,29,0" width="470" height="180">
<param name="movie" value="0.swf">
<param name="wmode" value="transparent">
<param name="quality" value="high">
<embed src="0.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="470" height="180"></embed>
</object>
基于CSS排版 把核心思想把握,在有背景图片的DIV标签中再插入flash,然后对flash部分加入以上代码就行了。
在flash的html发布选项中选windows mode/t ransparent
windowless,发布为html,插入网页就可以得到透明的flash的效果。
  不错,照这样的办法去做,便可以发布出带有透明flash的html页。但是它存在一个问题:所发布的flash动画只在与
其同时发布的html页中显示透明效果,而如果用dreamweaver新建一个文件,再将其插入页面中,保存-->&g
t;f12预览我们会发现它又是不透明的了!这是怎么回事呢?
  我仔细比较了用flash发布的html页和用dreamweaver制作的带有flash 动画的两个html 页的源代码:
  1.用flash发布的html页源代码:
<HTML>
<HEAD>
<TITLE>Movie2</TITLE>
</HEAD>
<BODY bgcolor="#000000">
<!-- URL's used in the movie-->
<!-- text used in the movie--> ;
<!--fdsaaaa aaaaaaa -->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=5,0,0,0"
WIDTH=550 HEIGHT=400>
<PARAM NAME=movie value="Movie2.swf">
<PARAM NAME=quality value=high>
<PARAM NAME=wmode value=transparent>
<PARAM NAME=bgcolor value=#FFFFFF> <!--用flash导出后将背景改为黑色,其目的是便于观察透明效果-->
<EMBED src="Movie2.swf" quality=high wmode=transparent bgcolor=#FFFF FF
WIDTH=550 HEIGHT=400 TYPE= "application/x-shockwave-flash" PLUGINSPAGE="
[url]http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr[/url]
od_Version
=ShockwaveFlash"></EMBED>
</OBJECT>
</BODY>
</HTML>
  2.用dreamweaver制作的带有flash 动画的html页的源代码:
<html>
<head>
<title>Untitled document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#000000" text="#000000"><!--背景亦为黑色,其目的是便于观察透明效果-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=5,0,0,0" width="550" height="400">
<param name=movie value="Movie2.swf">
<param name=quality value=high>
<embed src="Movie2.swf" quality=high pluginspage="
[url]http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr[/url]
od_Version
=ShockwaveFlash" type="application/x-shockwave-flash" width="550"
height="400">
</embed>
</object>
</body>
</html>
  请仔细比较分析两段代码的<object>标记中的<embed>标记,我们发现其中的不同之处:
前者有参数wmode=transparent而后者却没有,这就是影响flash是否透明的关键之所在!
  请想一下dreamweaver的有关flash的属性面板,是否对parameter有印象呢?大家是否知道它的用处呢?
  现在让我们用dreamweaver来做透明效果:选中刚才已插入的flash动画,右击鼠标选择properties调出
属性面板后,再单击parameter按钮,在弹出的对话框中点击加号图标,在左侧的parameter中键入wmode在右侧
的value框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了!
  先不要激动,我们把这一技巧推广,它是否能对任何的按flash默认设置(即不对windows mode/tr ansparent
windowless进行修改)的动画都奏效呢?经过我的实验证明它是普遍试用的。也就是说在d
reamweaver中插入任何一个flash动画后,对其进行properties→parameter→wmode→
value=transparent设置都可以实现flash的透明背景效果。
-------------------------------------------------------------------------------------------------------------
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="789" height="283">
<param name="movie" value="tit.swf">
<param name="quality" value="high">
<embed src="../images/tit.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="789" height="283"></embed>
</object>

分享到:
评论

相关推荐

    页中插入FLASH代码的参数解释与使用技巧

    本文将详细解析插入Flash代码的参数及其使用技巧,帮助你更好地理解和运用这些参数。 首先,我们来看一下基本的Flash插入代码结构,这通常涉及到`&lt;object&gt;`和`&lt;embed&gt;`两个标签。在Windows IE3.0及以上版本的浏览器...

    Flash as2.0代码大全与Flash制作技巧

    ### Flash AS2.0代码大全与Flash制作技巧 在Flash AS2.0中,开发者可以利用ActionScript语言来实现各种动态效果和交互功能。本文将详细介绍如何使用Flash AS2.0进行开发,包括加载SWF文件、加载文本数据、处理声音...

    在网页中插入多媒体对象.ppt

    插入Flash Video,同样可以通过“插入”栏的“Flash Video”按钮,然后在弹出的对话框中设置相关参数,如视频的来源和播放控制等。 总的来说,熟练掌握在网页中插入多媒体对象的技巧,对于创建生动、互动的网页至关...

    ppt中插入flash的技巧.pdf

    以下是一些关于如何在PPT中插入Flash的详细步骤和技巧: 1. **启动控件工具箱**: - 首先,你需要在PowerPoint中打开“视图”菜单,然后选择“工具栏”,接着点击“控件工具箱”。这将显示一个包含各种控件的工具...

    137个网页常用透明flash及使用方法

    "137个网页常用透明flash及使用方法"这个主题涵盖了网页设计中使用透明Flash的一些常见元素和它们的应用技巧。透明Flash允许设计师将动画无缝地融入网页背景或与其他网页元素结合,提供更生动的视觉效果。 透明...

    网页代码小技术大用处

    - **解析**:通过`&lt;OBJECT&gt;`标签和一系列参数,可以实现在网页中嵌入Windows Media Player并播放指定的视频文件。例如,`autoStart`属性设置为“1”表示自动播放,`volume`设置为“50”表示音量为50%。 #### 五、...

    网页设计的小技巧.doc

    在网页中插入FLASH时,为了让其背景透明,可以在Dreamweaver的“属性”面板中找到“参数”按钮。点击后,在弹出的对话框中添加参数“wmode”,并将值设为“transparent”。这样,预览网页时,FLASH就会以透明背景的...

    open-flash-chart

    SwfObject使得在HTML页面中插入Flash变得更加简单,它可以处理浏览器兼容性问题,检测Flash插件的版本,并根据需要自动升级或下载Flash Player。在使用Open Flash Chart时,SwfObject通常是必不可少的一部分,它负责...

    flash横向滚动带倒影的图片展示效果

    HTML会使用`&lt;object&gt;`或`&lt;embed&gt;`标签来插入Flash内容,并设置相应的参数,如Flash文件的路径、宽高、版本等。JavaScript可能被用来实现更复杂的交互,比如响应用户的点击事件,控制图片的滚动。 而"images"目录则...

    实现flash的透明背景

    在网页制作中,实现Flash的透明背景是一项常见的需求,它可以使Flash内容更好地融入网页设计,提升用户体验。在本文中,作者探讨了一种通过Dreamweaver和Flash来创建透明背景的方法,以及遇到的问题及其解决方案。 ...

    JavaSript访问flash例子

    JavaScript与Flash交互是Web开发中的一个关键技巧,特别是在过去的网页设计中,Flash被广泛用于创建动态内容和交互式用户体验。本文将深入探讨如何通过JavaScript访问Flash,并提供相关的实例和文件详解。 首先,让...

    几个实用的透明Flash

    4. **使用透明Flash**:在HTML中,使用`&lt;object&gt;`或`&lt;embed&gt;`标签插入透明Flash,需要指定`wmode`参数为`transparent`或`opaque`来实现背景透明。`transparent`模式下,Flash内容会与页面元素重叠,而`opaque`模式则...

    屏蔽flash右键包括“设置”“关于”

    在这个文件中,开发者可能使用`&lt;object&gt;`或`&lt;embed&gt;`标签来插入Flash,并且可以添加额外的参数来控制Flash的行为。例如,添加`menu="false"`参数可以全局禁用Flash的右键菜单: ```html ...

    DW常用代码文.pdf

    在这份 PDF 文件中,作者分享了多个有用的 DW 代码技巧,涉及到浏览器窗口滚动条、图片抖动、水平线颜色、Flash 全屏播放、Flash 插件安装、Flash 屏蔽鼠标右键、隐形按钮等多个方面。 1. 让浏览器窗口永远都不出现...

    VBA编程技巧大全

    技巧122 在框架中使用滚动条 289 技巧123 使用多页控件 291 技巧124 标签文字垂直居中对齐 293 技巧125 使用TabStrip控件 295 技巧126 显示GIF动画图片 297 技巧127 播放Flash文件 300 技巧128 在工作表中添加窗体...

    eclipse debugger flash教程

    在本教程中,我们将深入探讨如何使用Eclipse调试器来调试Flash应用程序。Eclipse是一款强大的集成开发环境(IDE),广泛用于Java和其他语言的开发,但它同样支持Adobe Flash内容的开发和调试。通过集成的Flex ...

    fla 流媒体播放html 代码

    FLA文件通常包含ActionScript代码,这是Flash中的编程语言,可以控制动画、处理用户交互以及与服务器进行通信。为了在HTML页面中嵌入FLA内容,我们可以使用`&lt;object&gt;`或`&lt;embed&gt;`标签,将Flash内容插入到HTML文档中...

Global site tag (gtag.js) - Google Analytics