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>  
  2.   
  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 ]:

 

  1. <script type="text/javascript">   
  2.   
  3. var flashvars = {};   
  4. var params = {};   
  5. var attributes = {};   
  6.   
  7. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  8.   
  9. </script>  



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

  1. <script type="text/javascript">   
  2.   
  3. var flashvars = {};   
  4. flashvars.name1 = "hello";   
  5. flashvars.name2 = "world";   
  6. flashvars.name3 = "foobar";   
  7.   
  8. var params = {};   
  9. params.menu = "false";   
  10.   
  11. var attributes = {};   
  12. attributes.id = "myDynamicContent";   
  13. attributes.name = "myDynamicContent";   
  14.   
  15. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  16.   
  17. </script>  

    -------------------------------------------------------------------
  18. <script type="text/javascript">   
  19.   
  20. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});   
  21.   
  22. </script>
    --------------------------------------------------------------------
    1. <script type="text/javascript">   
    2.   
    3. var flashvars = false;   
    4. var params = {};   
    5. var attributes = {   
    6.    id: "myDynamicContent",   
    7.    name: "myDynamicContent"  
    8. };   
    9.   
    10. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
    11.   
    12. </script>  

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

  1. <script type="text/javascript">   
  2.   
  3. var flashvars = false;   
  4. var params = {   
  5.    menu: "false",   
  6.    flashvars: "name1=hello&name2=world&name3=foobar"  
  7. };   
  8. var attributes = {   
  9.    id: "myDynamicContent",   
  10.    name: "myDynamicContent"  
  11. };   
  12.   
  13. swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  14.   
  15. </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/
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Allen_lixl

你的鼓励是我最大的动力!!!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值