网页中插入FLASH的三种方法
一、Object+embed这应该是Macromedia推荐的写法,因为在Macromedia Dreamweaver 8中,通过可视化界面插入FLASH,将得到如下的代码:其中object和embed中有大量重复的属性,许多文章说此方法兼容性比较好,但我在firefox下发现动画下面像有一个换行符,怎么都无法和它下面的容器无缝的贴到一起。二、embed方式
·
一、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的显示。
这应该是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的显示。
更多推荐
已为社区贡献1条内容
所有评论(0)