SWFObject 2.0的使用说明

SWFObject 2.0的使用说明

2009-05-23 13:24

1. <div id="myContent">
2. <p>Alternative content</p>
3. </div>

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5个必须的参数和4个可选的参数：

1. swfUrl（String，必须的）指定SWF的URL。
2. id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。
3. width（String，必须的）指定SWF的宽。
4. height（String，必须的）指定SWF的高。
5. version（String，必须的）指定你发布的SWF对应的Flash Player版本（格式为：major.minor.release）。
6. expressInstallSwfurl（String，可选的）指定express install SWF的URL并激活Adobe express install [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。
7. flashvars（String，可选的）用name:value对指定你的flashvars。
8. params（String，可选的）用name:value对指定你的嵌套object元素的params。
9. attributes（String，可选的）用name:value对指定object的属性。

注意：在不破坏参数顺序的情况下，你可以忽略可选参数。如果你不想使用一个可选参数，但是会使用后面的一个可选参数，你可以简单的传入false作为参数的值。对flashvars、 params和 attributes这些JavaScript对象来说，你也可以相应的传入一个空对象{}。

1. <script type="text/javascript" src="swfobject.js"></script>
3. <script type="text/javascript">
4. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
5. </script>

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

你可以为你的object元素添加下面这些常用的可选属性（attributes）[ http://www.w3schools.com/tags/tag_object.asp ]：

• id
• name
• styleclass（不使用class，因为class也是ECMA4的保留关键字）s
• align

你可以使用下面这些专用于Flash的可选param元素[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ]：

• play
• loop
• menu
• quality
• scale
• salign
• wmode
• bgcolor
• base
• swliveconnect
• flashvars
• devicefont [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ]
• allowscriptaccess [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ]
• seamlesstabbing [ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ]
• allowfullscreen [ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ]
• allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html ]
• -------------------------------------------------------------------------------------------------------------

<script type="text/javascript">

var flashvars = {};
var params = {};
var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

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

<script type="text/javascript">

var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = "foobar";

var params = {};
params.menu = "false";

var attributes = {};
attributes.id = "myDynamicContent";
attributes.name = "myDynamicContent";

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>-------------------------------------------------------------------

<script type="text/javascript">

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});

</script> -------------------------------------------------------------------- <script type="text/javascript">

var flashvars = false;
var params = {};
var attributes = {
 id: "myDynamicContent",
 name: "myDynamicContent"
};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

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

<script type="text/javascript">

var flashvars = false;
var params = {
 menu: "false",
 flashvars: "name1=hello&name2=world&name3=foobar"
};
var attributes = {
 id: "myDynamicContent",
 name: "myDynamicContent"
};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

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

从SWFObject 1.5迁移到SWFObject 2.0的注意事项

1. SWFObject 2.0并不向后兼容SWFObject 1.5。
2. 现在更倾向于在HTML页面的head标签中插入所有的脚本文件。
3. 现在类库使用的是小写：swfobject，而不是SWFObject。
4. 现在只能通过类库（的类）来访问方法（译者注：即静态方法），而不是像从SWFObject v1.5中那样通过SWFObject的实例来访问。
5. API跟以前完全不同了，而且更详尽：[ http://code.google.com/p/swfobject/wiki/SWFObject_2_0_api_javascript_dev ]。
6. 如果浏览器对JavaScript和Flash有足够的支持，SWFObject 2.0会将整个替换内容，包括被引用的HTML容器元素，替换为Flash内容，而不是像SWFObject 1.5那样，只把被引用容器里面的内容替换为Flash内容。你现在可以这样转移你的CSS规则：为你的Flash内容定义与替换内容的容器元素相同的 id（前者将替换后者，所以你的id不会重复）。
   
   
   官方文档
   http://farthinker.cn/documents/swfobject-2-documentation/