大家应该都有过在网页中插入Flash动画的经验,最简单的可以利用Dreamweaver插入flash按钮插入即可。但这种方式有很多的缺点。
1、在浏览的时候如果网页浏览器没有安装flash插件或插件版本过低,浏览器会让浏览者加载插件,并且有时会弹出不安全的提示。这样就会降低用户体验
2、Flash会搜索引擎还不够友好,也没办法像图片img一样加个alt属性,所以在flash中的内容不易于被收录
鉴于以上两点,下面介绍一个利用SWFObject插入flash的方法,可以很好的解决以上两点。
SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。(即:通过text/html应答页面, 而非application/xhtml+xml)
官方网站:http://blog.deconcept.com/swfobject/
实例演示
<script type="text/javascript" src="/upimg/files/swfobject.js"></script>
<div id="flashcontent">
金飞科技:VPS独享带宽,四线机房,价格最低!
</div>
<script type="text/javascript">
var so = new SWFObject("/upimg/files/vps.swf", "vpsmovie", "772", "115", "8", "#336699");
so.addParam("quality", "high");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
提示:点击运行代码按钮可看到实际效果
flashcontent部分说明:这一部分的内容当flash不被显示的时候,浏览器会显示您在这里面的提示内容。并且这部分内容对搜索引擎是友好的。
newSWFObject部分说明
-
swf - SWF文件路径
-
id - 您为这个SWF文件分配的id值,它将用于给embed与object标签设定name属性,以便于可以支持swliveconnect的功能,如动态传入变量
-
width - 宽度
-
height - 高度
-
version - FlashPlayer需要的版本号,它可 以详细到 '主版本号.小版本号.细节',例如:"6.0.65"。一般地,我们只需传入主版本即可,例如:"6"。
-
background-color - Flash资源的背景色,16进制格式
其它部分和adobe的参数说明是一样的,详细信息可以参照官方文档
更新时间:2010-5-4