当前位置:园子博客 » 网站应用 » 符合标准的插入Flash方法

符合标准的插入Flash方法

1月 15th, 2009 | Filed under 网站应用 | 共有7,570次浏览

虽然现在在标准化的学习过程中,园子已经很少使用FLASH来制作页面了。但有时候也得满足客户的需求,毕竟客户是上帝嘛。关于网页中插入FLASH的方法相信大家都已经很熟悉了,可是我们要通过W3C认证应该怎么插入FLASH呢?

先来看看传统的作法:
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0″width=”550″ height=”400″ id=”Untitled-1″ align=”middle”>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”movie” value=”mymovie.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<embed src=”mymovie.swf” mce_src=”mymovie.swf” quality=”high” bgcolor=”#ffffff” width=”550″ height=”400″ name=”mymovie” align=”middle” allowScriptAccess=”sameDomain”  type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” />
</object>

这种方法是使用 object 和 embed 标签来嵌入,细心的你肯定会发现,object 的很多参数和 embed 里面的很多属性是重复的,为什么这样做?为了浏览器兼容性,有的浏览器支持 object,有的支持 embed,这也是为什么要修改 Flash 的参数时两个地方都要改的原因。这种方法是 Macromedia (现在是ADOBE) 一直以来的官方方法,最大限度的保证了 Flash 的功能,没有兼容性问题。

上面的代码自然无法通过验证,原因是为了兼容性而嵌入的 embed 标签是不符合 W3C 的规范的。那么我们应该怎么办呢?园子推荐给你一种好办法:通过JS嵌入FLASH!它在保证 Flash 功能的前提下还利用 JS 提供了额外的好处,还专门有人写了很完善的嵌入脚本可以很方便的下载使用(如SWFObject)。下面是整个思路及过程:

  1. 点击下载 SWFObject 1.5 – Zip 文件,内含swfobject.js 和其他说明范例文档。(如有更新请到官方地址下载:官方Blog
  2. 下载完后请把里面的swfobject.js文件复制到你的网站目录下,然后在你的网页中的head标签中调用此JS文件,代码如下:
    <script type=”text/javascript” src=”swfobject.js” mce_src=”swfobject.js”></script>
  3. 最后在你插入的Flash的位置里写入以下代码:
    <div id=”flashcontent”>
    <!–这个层放置如果浏览者没有装Flash Player插件或禁用JavaScript和Flash时提示给用户的信息–>
    </div>
    <script type=”text/javascript”>
     var so = new SWFObject(“movie.swf”, “mymovie”, “200”, “100”, “7”, “#336699”);
     //参数意思: 地址,Flash 的 id(不是容器的 id),宽,高,版本需求,背景颜色
     //这是最基本的,如果你要高级的设置,就仔细翻翻说明吧。
      so.write(“flashcontent”);
    </script>
    友情提醒:此段脚本可以写在 HTML 中也可以写在外部 .js 文件中在页面中调用。
目前还没有任何评论.
您必须在 登录 后才能发布评论.