网页中插入FLASH的三种方法

最新推荐文章于 2015-05-18 09:51:54 发布

龙飞小相公

最新推荐文章于 2015-05-18 09:51:54 发布

阅读量1.2w

点赞数 1

分类专栏：网站开发文章标签： flash dreamweaver firefox object javascript 搜索引擎

网站开发专栏收录该内容

26 篇文章 0 订阅

订阅专栏

一、Object+embed
这应该是Macromedia推荐的写法，因为在Macromedia Dreamweaver 8中，通过可视化界面插入FLASH，将得到如下的代码：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="182" title="flash">
<param name="movie" value="images/BANNER.swf" />
<param name="quality" value="high" />
<embed src="images/BANNER.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="182"></embed>
</object>
其中object和embed中有大量重复的属性，许多文章说此方法兼容性比较好，但我在firefox下发现动画下面像有一个换行符，怎么都无法和它下面的容器无缝的贴到一起。

二、embed方式
把上述代码中object的部分去掉，仅留embed标签，flash也可正常先显示。
百度博客使用的就是这种方式：
<embed allownetworking="none" allowscriptaccess="never" width="960" height="182" loop="false" menu="false" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" src="images/banner.swf" type="application/x-shockwave-flash"wmode="window"></embed>
这种方式我在IE和firefox下浏览均很正常。

三、SWFObject方式
这是一个第三方控件，可以到SWFObject官方下载：http://code.google.com/p/swfobject/
最新的版本是2.2，基本的使用也非常简单，解压之后把其中的swfobject.js和expressInstall.swf两个文件拷贝到一个文件夹中，比如js文件夹。
在<head></head>中插入：
<script language="javascript" src="js/jquery.js"></script>
然后在需要显示flash的地方插入：
<script type="text/javascript">
swfobject.embedSWF("images/banner.swf", "myContent", "960", "182", "9.0.0", "expressInstall.swf");
</script>
<div id="myContent">
</div>
flash将显示在<div>标签中，也可以在<div>标签中插入文字或图片，有利于搜索引擎收录，且不影响flash的显示。