狠狠撸

1. 约定!HTML5 表示非HTML5规范。!IE表示非微软IE浏览器。IE 表示仅微软IE浏览器属性、标签和参数都基本采用小写，以符合XHTML规范。承载页：即Flash对象承载的 HTML页面及其运行环境。适用主流浏览器：图片来源:http://microidc.com/tb/share/index.html

2. 经常使用的标签<obejct><embed>（不推荐）不是标准属性（HTML5 中才是）不方便Flash对象JS代码自动化管理。不方便偷懒 ?当然随着贬罢惭尝5的普及以及手机浏览器的支持，&濒迟;别尘产别诲&驳迟;标签还会再回来的?

3. <obejct> 重温定义用于包含诸如图片（不推荐,请使用<img>）、音频、视频、Java 补辫辫濒别迟蝉、础肠迟颈惫别齿、笔顿贵、贵濒补蝉丑等

3.1 <obejct>标签属性(Attributes)idnameclassclassid Windows 注册表值 ||URL!HTML5type MIME 类型data Object数据位置MIME ：Multipurpose Internet Mail Extensions多功能Internet 邮件扩充服务固定的classid : clsid:D27CDB6E-AE6D-11cf-96B8-444553540000其他参考：http://www.w3schools.com/tags/tag_object.asp

3.2 <obejct>标签子节点<param>other…

3.3 <param>定义和使用是<obejct>的运行时(run-time)配置因此在使用类似Firebug HTML 修改贬罢惭尝此节点属性是无效的。传入的是变量(惫补谤颈补产濒别蝉)或参数(辫补谤补尘别迟别谤蝉)

3.4 <param>标签属性(Attributes)name 唯一标识符value 规定参数的值其他参考： http://www.w3school.com.cn/html5/html5_param.asp

4. Flash 对象的全部参数moviewmodeflashvarsallowscriptaccessallownetworkingallowfullscreenplayloopmenuscale

seamlesstabbing4.1 Flash 对象的常用参数尘辞惫颈别飞尘辞诲别蹿濒补蝉丑惫补谤蝉补濒濒辞飞蝉肠谤颈辫迟补肠肠别蝉蝉补濒濒辞飞苍别迟飞辞谤办颈苍驳补濒濒辞飞蹿耻濒濒蝉肠谤别别苍

4.1.1 movie必选 IEFlash对象存放路径<param? name="movie"? value=“path2swf.swf">?

4.1.2 wmode可选window “最顶端” “独立窗口”opaque “带背景色” “嵌入”transparent “透明背景” “嵌入”可能降低动画性能默认 window解决HTML层次问题请使用”嵌入” 的属性。<param? name=“ wmode ”? value=“opaque ”>? <param? name=“ wmode ”? value=“transparent ”>?

4.1.3 flashvars可选发送根级变量(root level variables)给Flash对象最大64KB字符串容量&分隔开的name=variable的组合特殊或/和不可打印字符需要转换。variable 的值可能需要 encodeURIComponent单一一个空格可以用 +表示类同 movie.swf ? a=1&b=2<param name="flashvars" value="a=1&b=2" /><param name="flashvars" value="a=1&b=2" /><param name=“flashvars” value=“jsonData={‘a’:1,’b’:2}" />

4.1.3.1 flashvars 规范JSON数据需要将” 改为’ 。因此需要在 Flash对象内进行还原。JSON数据的value，XML字符串、以及普通的variable建议进行encodeURIComponent以免发生意外。若需要纯静态输入参数则请避免flash对象区分参数或变量的&符号。对于json数据value：即当若json 为{ “data”:” value”} 或 [“value”]中的value部分。请进行对其中的value处理。

4.1.4 allowscriptaccess可选always 来自任何域都可和当前承载页js通讯。sameDomain 只有和Flash对象来源域相同的页面允许js通讯。never关闭承载页和Flash对象通讯。默认sameDomain（Flashplayer9.0.115.0+ ）

4.1.4.1 受影响AS3APIflash.system.fscommand()老式的调用外部命令或JS方法。ExternalInterface.call()新式的调用外部JS方法。flash.net.navigateToURL()跳转页面，类似 <a>, 可以指定herf 和 target

4.1.5 allownetworking可选all SWF 文件中允许使用所有网络 API internal SWF 文件可能不调用浏览器导航或浏览器交互 API 。JS自然在其中。none 关闭所有网络 API 默认值 all

4.1.5.1 受影响AS3API当为 internal，相当allowscriptaccess =nerver：navigateToURL()fscommand() ExternalInterface.call() 当为 none，除internal禁止的API外：sendToURL() FileReference.download() FileReference.upload() Loader.load() LocalConnection.connect() LocalConnection.send() NetConnection.connect() NetStream.play() Security.loadPolicyFile()

……4.1.6 allowfullscreen可选true 允许Flash对象全屏显示false 不允许全屏模式默认值falseFlash Player 9.0.27.0+

4.2 Flash 对象的显示控制参数playloopmenuqualityscalesalignbgcolor

devicefont4.2.1 play可选true false默认false加载Flash对象后是否立刻开始播放

4.2.2 loop可选truefalse默认false播放到最后一帧时是否重新开始播放。

4.2.3 menu可选true 显示完整的菜单false 仅仅显示设置选项和about选项默认true右键点击Flash对象时的右键菜单

4.2.3.1 menu示例未设置或truefalseDebug 版本一般用户版本

4.2.4 quality可选best highautohighmediumautolowlow默认 high回放期间使用的消除锯齿级别类似menu为true时“品质”调节提供最佳的显示品质，而不考虑回放速度。使外观优先于回放速度，它始终应用消除锯齿功能。在开始时是回放速度和外观两者并重，但在必要时会牺牲外观来保证回放速度。会应用一些消除锯齿功能，但并不会平滑位图。优先考虑速度，但是也会尽可能改善外观。使回放速度优先于外观，而且从不使用消除锯齿功能

4.2.6 scale可选showall 显示全部保持原始宽高比noborder 无边界保持原始宽高比exactfit 适应性填充不保持原始宽高比noscale 不缩放原始高宽默认showall 可视区域的缩放模式。如果础厂3中有设定了蝉肠补濒别惭辞诲别为苍辞厂肠补濒别则此属性失效。

4.2.6.1 scale示例noborder showall exactfit

4.2.7 salign 可选l 按左边对齐t 按上边对齐r 按右边对齐b 按下边对齐tl 按左上边对齐tr 按右上边对齐bl 按左下边对齐br 按右下边对齐缩放对齐方式。缩放时，按照此规则进行贴边对齐，如果有需要则剪掉其他边。

4.2.7.1 salign示例lbrttltrbll

4.2.5 bgcolor 可选#RRGGBB （十六进制 RGB 值）Flash 对象背景色当wmode为非 transparent时有效。

4.2.5.1 bgcolor<param name="bgcolor" value="#FF0000">

4.2.6 devicefont可选truefalse默认false对于未选定“设备字体”选项的静态文本对象是否仍使用设备字体进行绘制。Flash包含了3种设备字体_sans (类似 Helvetica 或 Arial) _serif (类似 Times Roman) _typewriter(类似 Courier)

4.3Flash 对象的其他参数baseswliveconnectseamlesstabbing

4.3.1 base可选相对路径的基址默认为空如果设定Flash对象中的相对路径将通过此处定义的目录查找。这在诸如Flash对象被iframe嵌套时比较有用。

4.3.2 swliveconnect可选truefalse默认false选择启动Flash时是否先启动JAVA。启动 Java 会显着增加 SWF 文件的启动时间；因此，只有在必要时才应将此标签设置为 true。仅适用于 embed 标签。使用 fscommand() 动作可从独立的放映文件中启动 Java。KingFo建议忽略该标签。?

4.3.3 seamlesstabbing可选true 可以移出焦点到下个页面结构。false 仅在table中。默认true是否启动无缝Table选择在使用Table键时，焦点是否可以移出Flash对象。

4.4 对于fallbackSome embedded content elements can have fallback content: content that is to be used when the external resource cannot be used (e.g. because it is of an unsupported format). The element definitions state what the fallback is, if any. ------HTML5 Spec

4.4 .1 我们的fallback我们的fallback是什么？别急，可以偷看下4.5.1 或4.5.2 粉色部分。如何被启用？当客户端未安装FlashPlayer当Flash 对象(SWF)请求为404时是否被启用？很遗憾，不会。另据陈成反应fallback在非IE下内容都会被请求,如图片。见http://www.chencheng.org/blog/2010/02/04/flash-fallback-content/

4.5.1 SWFObejcet 静态官方式<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="203" id="myFlashContent"><param name="movie" value="http://img01.taobaocdn.com/tps/i1/T1S1tkXgliy0NtxVjX.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="allownetworking" value="all" /><param name="flashvars" value="jdata=[{'href':'http://bbs.taobao.com/catalog/thread/154505-5469566.htm','img':'http://img01.taobaocdn.com/tps/i1/T1QmpuXnNjXXXXXXXX-160-170.jpg','text':'淘宝美容馆达人召集令'},{'href':'http://bbs.taobao.com/catalog/thread/154506-5112835.htm','img':'http://img08.taobaocdn.com/tps/i8/T1WvFuXd4dXXXXXXXX-160-170.jpg','text':'我是什么控开招晒客'},{'href':'http://bangpai.taobao.com/group/thread/40046-5062800.htm','img':'http://img07.taobaocdn.com/tps/i7/T1ilFuXb4uXXXXXXXX-160-170.jpg','text':'古典性感清纯？'},{'href':'http://bangpai.taobao.com/group/thread/40046-5543420.htm','img':'http://img08.taobaocdn.com/tps/i8/T1c8FuXeXuXXXXXXXX-160-170.jpg','text':'麻辣老妈S身材'}]" /><param name="wmode" value="transparent" /> <object type="application/x-shockwave-flash" data="http://img01.taobaocdn.com/tps/i1/T1S1tkXgliy0NtxVjX.swf" width="950" height="203"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="allownetworking" value="all" /><param name="scale" value="exactfit" /><param name="flashvars" value="jdata=[{'href':'http://bbs.taobao.com/catalog/thread/154505-5469566.htm','img':'http://img01.taobaocdn.com/tps/i1/T1QmpuXnNjXXXXXXXX-160-170.jpg','text':'淘宝美容馆达人召集令'},{'href':'http://bbs.taobao.com/catalog/thread/154506-5112835.htm','img':'http://img08.taobaocdn.com/tps/i8/T1WvFuXd4dXXXXXXXX-160-170.jpg','text':'我是什么控开招晒客'},{'href':'http://bangpai.taobao.com/group/thread/40046-5062800.htm','img':'http://img07.taobaocdn.com/tps/i7/T1ilFuXb4uXXXXXXXX-160-170.jpg','text':'古典性感清纯？'},{'href':'http://bangpai.taobao.com/group/thread/40046-5543420.htm','img':'http://img08.taobaocdn.com/tps/i8/T1c8FuXeXuXXXXXXXX-160-170.jpg','text':'麻辣老妈S身材'}]" /><param name="wmode" value="transparent" /> <![endif]--><a href="http://www.adobe.com/go/getflashplayer"> <img src=/slideshow/flashxhtml-3432665/3432665/"http:/www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a>  </object>生产此式可以用这款工具生成： http://code.google.com/p/swfobject/wiki/generator

4.5.2 神奇的偷懒写法<object type="application/x-shockwave-flash" data="http://img01.taobaocdn.com/tps/i1/T1S1tkXgliy0NtxVjX.swf" width="950" height="203" id="myFlashContent"><param name="movie" value="http://img01.taobaocdn.com/tps/i1/T1S1tkXgliy0NtxVjX.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="allownetworking" value="all" /><param name="flashvars" value="jdata=[{'href':'http://bbs.taobao.com/catalog/thread/154505-5469566.htm','img':'http://img01.taobaocdn.com/tps/i1/T1QmpuXnNjXXXXXXXX-160-170.jpg','text':'淘宝美容馆达人召集令'},{'href':'http://bbs.taobao.com/catalog/thread/154506-5112835.htm','img':'http://img08.taobaocdn.com/tps/i8/T1WvFuXd4dXXXXXXXX-160-170.jpg','text':'我是什么控开招晒客'},{'href':'http://bangpai.taobao.com/group/thread/40046-5062800.htm','img':'http://img07.taobaocdn.com/tps/i7/T1ilFuXb4uXXXXXXXX-160-170.jpg','text':'古典性感清纯？'},{'href':'http://bangpai.taobao.com/group/thread/40046-5543420.htm','img':'http://img08.taobaocdn.com/tps/i8/T1c8FuXeXuXXXXXXXX-160-170.jpg','text':'麻辣老妈S身材'}]" /><param name="wmode" value="transparent" /><a href="http://www.adobe.com/go/getflashplayer"> <img src=/slideshow/flashxhtml-3432665/3432665/"http:/www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></object>

4.5.2.1 静态官方式数据IEFireFoxfallback请忽略此处23requests

4.5.2.2 懒后的数据IE请忽略此处FireFoxfallback23 requests

4.5.2.2 偷懒后的纠结有个小遗憾：由于data和movie ，IE会加载两次：第一次来自浏览器的 data解析。第二次来自ActiveX 的movie的获取。虽然第二次将从缓存区（cache）取。因此会浪费一个请求数。在Firefox下无论官方标准式还是偷懒方式都会加载2次。见数据标记处

4.5.2.3 对于手机一些疑惑。。由于手机 这类HACK标签支持情况比较难堪。。。因此偷懒写法虽然避免了，但未知是否微软的移动设备上使用了ActiveX。了解的同学可以告诉我。因此总结和展望的HTML5，<embed>标签依然会东山再起，用于“合法”的区分IE和非IE的世界（ActiveX或NPRuntime）

狠狠撸

贵濒补蝉丑对象在(齿)贬迟尘濒中的格式和参数及安全性

Recommended

More Related Content

Viewers also liked (20)

Similar to 贵濒补蝉丑对象在(齿)贬迟尘濒中的格式和参数及安全性 (20)

More from taobao.com (20)

贵濒补蝉丑对象在(齿)贬迟尘濒中的格式和参数及安全性