Flash元素必须用外部的脚本创建

虽然用<object><embed>创建的和swfobject创建的flash内容一模一样，但有个非常明显的瑕疵：就是前者生成的Flash周围有个灰色边框，并且鼠标移入Flash后，会提示“单击以激活并使用控件”。虽然只出现在部分浏览器上，但这严重影响了美观。

　　然而使用swfobject.js创建的却没有。我想应该是动态创建，然后加入页面文档，就不会有这些提示。但一番测试，无论是innerHTML写入，还是createElement创建的Flash，仍然存在这些问题。并且为了做到和swfobject一样，我设置了Flash元素的每个可选参数，但仍然一样。

　　既然完全和swfobject一样的方法创建Flash，为什么我的会有这些东西呢? 我尝试删除swfobject.js里的部分代码，看看少了哪行之后，就会出现提示了。

　　删了一行又一行，最后意想不到的事发生了，swfobject.js只剩下了一行: el.outerHTML = "<object ....."

　　原来，无论用什么方法创建，只要创建它的JS是在外部的文件，就不会出现这些提示。而之前我的代码始终写在一个页面里。真的很神奇！

　　最后，我总结了下，其实加入Flash非常的简单，只需一行就够了(当然是在外部的JS里)：

dom.innerHTML = "<embed src=X.swf></embed>";

　　就能在所有浏览器里插入Flash，需要固定尺寸的话只需加上width和height属性就可以。

　　这种方法可以满足大多数的Flash，唯一的缺陷就是IE下的Flash不能创建JS回调接口：ExternalInterface.addCallback。解决方法就是在IE下用<object>代替<embed>。

IT时代网(关注微信公众号ITtime2000，定时推送，互动有福利惊喜)所有原创文章版权所有，未经授权，转载必究。
创客100创投基金成立于2015年，直通硅谷，专注于TMT领域早期项目投资。LP均来自政府、互联网IT、传媒知名企业和个人。创客100创投基金对IT、通信、互联网、IP等有着自己独特眼光和丰富的资源。决策快、投资快是创客100基金最显著的特点。