SWFObject源码包资源-CSDN文库

共8个文件

doc：2个

js：2个

pdf：1个

程序设计

4星 · 超过85%的资源需积分: 10 179 浏览量 2011-09-25 15:03:59 上传评论收藏 472KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

SWFObject.rar （8个子文件）

SWFObject

swfobject_src.js 26KB

swfobject.js 10KB

expressInstall.as 2KB

swfobject_2_2.zip 27KB

SWFObject_2.0官方文档.doc 216KB

SWFObject.doc 214KB

expressInstall.fla 22KB

swfobject2.0中文文档.pdf 419KB

SWFObject

SWFObject 2.0

2.0

2.0 官方文档

官方文档

2008 年

月

日翻译： farthinker

farthinker

主要内容：

�

1 . 什么是

什么是

什么是 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 ？

？

�

2 . 为什么你应该使用

为什么你应该使用

为什么你应该使用 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 ？

？

�

3 . 为什么

为什么

为什么 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 使用

使用

使用 JavaScript

JavaScript

JavaScript ？

？

�

4 . 我们应该使用静态发表还是动态发表的方法？

我们应该使用静态发表还是动态发表的方法？

�

5 . 怎样用

怎样用

怎样用 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 的静态发表方法来嵌入

的静态发表方法来嵌入

的静态发表方法来嵌入 Flash

Flash

Flash 内容

内容

�

5-1 . 第一步：用符合标准的标签同时嵌入

第一步：用符合标准的标签同时嵌入

第一步：用符合标准的标签同时嵌入 Flash

Flash

Flash 内容和替换内容

内容和替换内容

�

5-2 . 第二步：在

第二步：在

第二步：在 HTML

HTML

HTML 的

的

的 head

head

head 标签中包括

标签中包括

标签中包括 SWFObject

SWFObject

SWFObject 的

的

的 JavaScript

JavaScript

JavaScript 类库

类库

�

5-3 . 第三步：用

第三步：用

第三步：用 SWFObject

SWFObject

SWFObject 类库注册你的

类库注册你的

类库注册你的 Flash

Flash

Flash 内容并告诉

内容并告诉

内容并告诉 SWFObject

SWFObject

SWFObject 怎么样处

怎么样处

怎么样处理

理

这些内容

�

6 . 怎样用

怎样用

怎样用 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 的动态发表方法来嵌入

的动态发表方法来嵌入

的动态发表方法来嵌入 Flash

Flash

Flash 内容？

内容？

�

6-1 . 第一步：用符合标准的标签创建替换内容

第一步：用符合标准的标签创建替换内容

�

6-2 . 第二步：在

第二步：在

第二步：在 HTML

HTML

HTML 页面的

页面的

页面的 head

head

head 标签中包括

标签中包括

标签中包括 SWFObject

SWFObject

SWFObject JavaScript

JavaScript

JavaScript 类库

类库

�

6-3 . 第三步：用

第三步：用

第三步：用 JavaScript

JavaScript

JavaScript 嵌入你的

嵌入你的

嵌入你的 SWF

SWF

�

7 . 从

从

从 SWFObject

SWFObject

SWFObject 1.5

1.5

1.5 迁移到

迁移到

迁移到 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 的注意事项

的注意事项

�

8 . 从

从

从 UFO

UFO

UFO 迁移到

迁移到

迁移到 SWFObject

SWFObject

SWFObject v2.0

v2.0

v2.0 的注意事项

的注意事项

�

9 . SWFObject

SWFObject

SWFObject 支持

支持

支持 MIME

MIME

MIME 类型

类型

类型 application/xhtml+xml

application/xhtml+xml

application/xhtml+xml 吗？

吗？

�

10 . 评论政策

评论政策

1 .

. 什么是

什么是

什么是 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 ？

？

SWFObject 2.0 ：

�

提供两种优化的嵌入 Flash Player 的方法：一种基于标签的方法和一种依赖于 JavaScript 的方

法。

�

提供一套 JavaScript API ，目的是提供一套完整的工具来嵌入 SWF 文件和获得 Flash Player 的相

关信息。 [ http://code.google.com/p/swfobject/wiki/SWFObject_2_0_api_javascript_dev

http://code.google.com/p/swfobject/wiki/SWFObject_2_0_api_javascript_dev

http://code.google.com/p/swfobject/wiki/SWFObject_2_0_api_javascript_dev ]

�

只利用一个很小的 JavaScript 文件（ siz e: 8.7Kb, GZIPed: 3.4Kb

）。

�

是 SWFObject 1.5[ http://blog.deconcept.com/swfobject/

http://blog.deconcept.com/swfobject/

http://blog.deconcept.com/swfobject/ ] 和 UFO

[ http://www.bobbyvandersluis.com/ufo/

http://www.bobbyvandersluis.com/ufo/

http://www.bobbyvandersluis.com/ufo/ ] 的继承者。

�

将最终替代 Adobe Flash Player Detection Kit

[ http://www.adobe.com/products/flashplayer/download/detection_kit/

http://www.adobe.com/products/flashplayer/download/detection_kit/

http://www.adobe.com/products/flashplayer/download/detection_kit/ ] 。

�

准备整合所有已存在的 Flash Player 嵌入方法，并且为嵌入 Adobe Flash Player 内容提供一个

新的标准。

�

是一个由 Geoff Stearns

、

Michael Williams 和 Bobby van der Sluis 创建的开源项目，前身是

SWFFix [ http://code.google.com/p/swffix/

http://code.google.com/p/swffix/

http://code.google.com/p/swffix/ ] 。

回到页首

2 .

. 为什么你应该使用

为什么你应该使用

为什么你应该使用 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 ？

？

SWFObject 2.0 ：

�

比任何其他的 Flash Player 嵌入方法更完善更灵活。

�

为每个人都提供了一种解决方案：无论你是一个 HTML 、 Flash 或者 JavaScript 开发者，你都能

从中发现适合你的东西。

�

打破了使用浏览器专有标签的恶性循环，促进了 web 标准和替换内容（译者注： alternative

content ，指 Flash 内容无法正常显示时需要显示的内容，使用替换内容通常是因为 Flash 插件没有安

装或者 Flash 插件版本过低）的使用。

�

采用分离式的（ unobtrusive ） JavaScript 和最合理的 JavaScript 实践。

�

容易使用。

一篇

List Apart 上的文章 Flash

Flash

Flash Embedding

Embedding

Embedding Cage

Cage

Cage Match

Match

Match 描述了 SWFObject 2.0 背后的所有原理。

回到页首

3 .

. 为什么

为什么

为什么 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 使用

使用

使用 JavaScript

JavaScript

JavaScript ？

？

SWFObject 2.0 主要使用 JavaScript 来解决一些仅依靠标签无法解决的问题；它：

�

通过探测 Flash Player 的版本，来决定显示 Flash 内容还是替换内容，避免了过时的 Flash 插件

影响 Flash 内容的正常显示。

�

提供了恢复到替换内容的功能：当 Flash 内容因为过时的 Flash Player 而无法正常显示时，

SWFObject 通过 DOM 操作用替换内容代替 Flash

内容。（注意：如果

Flash Player

没有被安装，

H TML

object 元素会自动被替换内容所替代。）

�

提供了一个选择来使用 Adobe Express Install 下载最新版本的 Flash Player 。

�

通过使用专有的 embed 元素的办法，解决了老版的 Webkit 引擎会忽略嵌套在 object 元素中的

param 元素的问题。（注意：这是唯一一个使用了专有 HTML 标签的地方，并且在今后的版本中会被

逐步淘汰。）

�

提供了一个详尽的 JavaScript API 来完成一些常见的与 Flash Player 和 Flash

内容相关的操作。

回到页首

4 .

. 我们应该使用静态发表还是动态发表的方法？

我们应该使用静态发表还是动态发表的方法？

SWFObject 提供了两种不同的方法来嵌入 Flash 内容：

1 静态发表方法

静态发表方法

静态发表方法用符合标准的标签来嵌入 Flash 内容和替换内容，并且用 JavaScript 来解决一些仅

依靠标签无法解决的问题。

2 动态发表方法

动态发表方法

动态发表方法基于用标准标签插入替换内容，如果浏览器安装了最低版本需求的 Flash 插件并且

拥有足够的 JavaScript 支持， SWFObject 会用 JavaScript 将替换内容替换成 Flash 内容（与以前版

本的 SWFObject 以及 UFO

很相似）。

静态发表方法

静态发表方法的优势在于：

促进了对符合标准标签的创作。（译者注：不太理解，原文是：

The actual authoring of stand ards

compliant markup is promoted. ）

4 插入 Flash 内容的机制不再依赖于 JavaScript ，所以你的 Flash 内容能有更多的受众。

�

如果你安装了 Flash 插件，但是 JavaScript 被禁用了或者浏览器并不支持 JavaScript

，

你仍然能够看到你的 Flash 内容。

�

Flash 将能够在那些对 JavaScript 支持较弱的设备上运行，例如 Sony PSP 。

�

像 RSS 阅读器这样的自动化的工具能够读取 Flash 内容。

动态发表方法

动态发表方法的优势在于：

5 它避免了通过点击激活的机制来激活 Internet Explorer 6/7 和 Opera 9+ 中的 Flash 内容。值得

注意的是微软正在逐步淘汰 IE 中的点击激活机制 [ http://www.swffix.org/devblog/?p=19

http://www.swffix.org/devblog/?p=19

http://www.swffix.org/devblog/?p=19 ]

。（

译

者注： Internet Explorer 6/7 的点击激活机制已经在 2008/4 的更新中被移除）

6 它能很好的与基于脚本的应用整合。

回到页首

5 .

. 怎样用

怎样用

怎样用 SWFObject

SWFObject

SWFObject 2.0

2.0

2.0 的静态发表方法来嵌入

的静态发表方法来嵌入

的静态发表方法来嵌入 Flash

Flash

Flash 内容？

内容？

5-1

5-1 .

. 第一步：用符合标准的标签同时嵌入

第一步：用符合标准的标签同时嵌入

第一步：用符合标准的标签同时嵌入 Flash

Flash

Flash 内容和替换内容

内容和替换内容

SWFObject 的基本标签使用了嵌套 object 标签的方法（带有专用于 Internet Explorer 的条件注释）

[ http://www.alistapart.com/articles/flashembedcagematch/

http://www.alistapart.com/articles/flashembedcagematch/

http://www.alistapart.com/articles/flashembedcagematch/ ] 来保证仅通过标签实现最优化的跨

浏览器支持，同时使其符合标准，并且支持替换内容 [ http://www.swffix.org/testsuite

http://www.swffix.org/testsuite

http://www.swffix.org/testsuite / ] ：

view

view plain

plain

plain copy

copy

copy to

to clipboard

clipboard

clipboard print

7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

8 <html

<html

9 <head>

<head>

10 <title>

<title>

<title> SWFObject v2.0 - step 1 </title>

</title>

11 <meta

<meta

12 </head>

</head>

13 <body>

<body>

14 <div>

<div>

16 <object

<object

width="780" height="420" >

17 <param

<param

18

19 <object

<object

width="780" height="420" >

20

21 <p>

<p>

<p> Alternative content </p>

</p>

22

23 </object>

</object>

24

25 </object>

</object>

27 </div>

</div>

28 </body>

</body>

29 </html>

</html>

注意：

注意：嵌套 object 标签的方法要求两次定义 object 标签（外层的 object 为 Internet Explorer 定义，内

层的 object 为其他浏览器定义），所以你也需要两次定义你的 object 属性（ attributes ）和嵌套的 para m

元素。

必须的属性：

�

classid （只需为外层 object 元素定义，值总是等于 "clsid:D27CDB6E-AE6D-11cf-96B8-

444553540000" ）

�

type （只需为内层 object 元素定义，值总是等于 "application/x-shockwave-flash" ）

�

data （只需为内层 object 元素定义，指定 SWF 文件的 URL ）

�

width （内外层 object 都需要定义，指定这个 SWF 的宽）

�

height （内外层 object 都需要定义，指定这个 SWF 的高）

必须的 param 元素：

�

movie （只需为外层 object 元素定义，指定 SWF 文件的 URL ）

注意：

注意：我们建议不使用 codebase 属性来指向 Adobe 服务器上的 Flash 插件安装地址，因为它违背了只

将访问限制在当前文档域的规范。我们推荐使用带有精巧提示信息的替换内容，这样用户将获得更好的

Flash 插件下载体验。

怎样使用

怎样使用 HTML

HTML

HTML 来配置你的

来配置你的

来配置你的 Flash

Flash

Flash 内容？

内容？

你可以为你的 object 元素添加下面这些常用的可选属性

[ http://www.w3schools.com/tags/tag_object.asp

http://www.w3schools.com/tags/tag_object.asp

http://www.w3schools.com/tags/tag_object.asp ] ：

�

name

�

class

�

align

你可以使用下面这些专用于 Flash 的可选 param 元素

[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ] ：

�

play

�

loop

�

quality

�

scale

�

salign

�

wmode

�

bgcolor

�

base

�

swliveconnect

�

flashvars

�

devicefont

[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ]

�

allowscriptaccess

[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ]

�

seamlesstabbing

[ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html

http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html

http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ]

�

allowfullscreen

[ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html

http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html

http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ]

�

allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html

http://livedocs.adobe.com/flash/9.0/main/00001079.html

http://livedocs.adobe.com/flash/9.0/main/00001079.html ]

为什么你应该使用替换内容（

为什么你应该使用替换内容（ alternative

alternative

alternative content

content

content ）？

）？

object 元素允许你将替换内容嵌套在其中，如果 Flash 插件没有安装或者不被支持那么这些替换内容就会

被显示出来。由于这些替换内容能被搜索引擎很好的识别，这使它成为一个创建对搜索引擎友好的网页内

容的好工具。总之，当你想创建一个能够让不使用插件的用户

[ http://www.adobe.com/devnet/flash/articles/progressive_enhancement_03.html

http://www.adobe.com/devnet/flash/articles/progressive_enhancement_03.html

http://www.adobe.com/devnet/flash/articles/progressive_enhancement_03.html ] 也可以访

问的网页内容，创建一个对搜索引擎友好

[ http://www.adobe.com/devnet/flash/articles/progressive_enhancement_04.html

http://www.adobe.com/devnet/flash/articles/progressive_enhancement_04.html

http://www.adobe.com/devnet/flash/articles/progressive_enhancement_04.html ] 的网页内

容，或者告诉访问者他们能通过下载 Flash 插件获得更好的用户体验，你就应该使用替换内容。

回到页首

评论收藏

内容反馈

zjq413329278

2012-08-05

东西挺全的。还有文档。为什么没找到更详细的对其参数的解释呢？我想把它生成的flash图表下方的图立去掉，找了半天资料也没看着是哪个参数设置的。
zhf494

2012-03-17

不是完整的项目
opf110

2012-08-16

不是完整的项目