it-swarm.cn

如何以跨浏览器兼容的方式巧妙地将Flash嵌入页面?

当我从设计器接收Flash对象时,它附带一个示例HTML页面,其中包括<object>标签和<embed>标签以及整堆JavaScript。如果我将此代码复制并粘贴到我的网页中,它可以正常工作,但代码看起来很混乱(并且有很多内容!)。如果我删除额外的代码,并尝试自己的<embed><object>,它适用于某些浏览器,但不适用于其他浏览器。

是否有一个简洁,最小的方法适用于所有主流浏览器?

8
Mark Hatton

SWFObject 正是你要找的。它是一个JavaScript库,可以完成所有跨浏览器的繁重工作。只需在页面中包含JavaScript文件,在源代码中创建要替换的元素,并告诉swfobject该元素的名称以及.swf文件的路径。

它完成剩下的工作。

 <script type =“text/javascript”src =“swfobject.js”> </ script> 
 <script type =“text/javascript”> 
/* path,替换元素,宽度,高度,最小flash版本*/
 swfobject.embedSWF(“myContent.swf”,“myContent”,“300”,“120”,“9.0.0”); 
 </ SCRIPT> 

这就是你所需要的。好吧,那个和一个元素(通常是div)上有一个id="myContent"。具有该ID的元素将替换为当前浏览器喜欢的任何嵌入标记设置。

文档 很棒,你马上就可以运行了。如果你遇到任何障碍,请问另一个问题。

5
Bryson
4
Mark Hatton

你可能想看一下 Flash Satay - 它已经过时了,但它很好地展示了Flash以跨浏览器方式工作的问题。

1
Grant Palin

您可以使用以下资源之一:

Flash嵌入笼匹配 - 详细讨论问题并提出一些解决方法及其优缺点。

swfobject library[推荐] - 从上面的文章中汲取灵感,并添加上述文章作为练习留下的功能。

SWFObject 2 HTML和JavaScript生成器 - 是一个生成swfobject标记(HTML和JavaScript)的向导。您可以通过选择“静态发布”来删除swfobject,从生成的标记中删除所有JavaScript标记。

0
Salman A