如果你还在为插入Flash Object 苦恼,快来试试这个!

大家在项目中常常要插入Flash Object,一般一个FlashObject在HTML中代码是这样的:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8"
width="320" height="220"
id="theMediaPlayer">
<param name=movie value="mediaplayer.swf">
<param name=quality value="high">
<param name=bgcolor value="#FFFFFF">
<param name=allowFullScreen value="false">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="file=mixmediaplaylist.xml&width=320&height=220&displaywidth=320&displayheight=200&autostart=true&backcolor=0xFFFFFF">
 
<embed type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
width="320" height="220" bgcolor="#FFFFFF" 
name="theMediaPlayer"
src="mediaplayer.swf"
flashvars="file=mixmediaplaylist.xml&width=320&height=220&displaywidth=320&displayheight=200&autostart=true&backcolor=0xFFFFFF">
</embed>
</object>
 

OBJECT和EMBED标签的问题

看起来似乎挺复杂,首先是一个<object>对象,接着是很多的param,完了又出来一个<embed>对象,跟着一大堆的参数。其实这样写是因为兼容性的问题。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

具体可以参考下面的文档:
  1. Flash OBJECT和EMBED标签详解
  2. Flash OBJECT and EMBED tag attributes

  3. Adobe 的官方文档:Macromedia Flash OBJECT and EMBED tag syntax

 

参考文档我们就可以通过各种方法向客户段按照正确的格式输出FlashObject的代码了,但字符串的拼接操作枯燥又容易出错,代码可读性还不好,有什么更好的办法吗?

在这里要特别提一下的就是FlashObject的FlashVar参数,很多应用都要靠着这个参数传入大量有复杂数据格式的数据对(pair),构建这个参数往往是最麻烦的。

关于FlashVar:  Using FlashVars to pass variables to a SWF

使用<swfobject>

image SWFObject是一种易用的、符合标准的在网页中嵌入flash对象的方法,你只需要在网页中引用一个小巧的js文件。

使用SWFObject就可以避免因为不熟悉Flash Object复杂的语法和选项带来的浏览器不兼容的问题。

使用<swfobject>的大体代码示范如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject v2.0 - step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>
 
    <script type="text/javascript">
    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
    </script>
 
  </head>
  <body>
    <div>
 
      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
 
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>>
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!<![endif]–>
          <p>Alternative content</p>
        <!–[if !IE]>>
        </object>
        <!<![endif]–>
      </object>
    </div>
  </body>
</html>

SWFObject 首页: http://code.google.com/p/swfobject/

对于FlashVar参数的传入,SWFObject提供了专门的函数,用起来非常方便,代码可读性也强了。

Opensource 的 swfobject .net control

下载地址:http://www.arjones.net/opensource/swfobject.net/

这还有一个:http://www.junasoftware.com/servercontrols/swfobject.net.aspx

商业Flash object control

实际上,对于ASP.NET的开发者,使用<swfobject>也还是有很多不方便的地方,没有强数据类型,参数传入都要转为字符串,还有做一些拼接的工作,代码还是不优雅。有没有更好的办法呢?

ASPNetFlash WebControl

image ASPNetFlash WebControl 可以让你轻松的把一个Adobe Flash文件插入到你的ASP.NET web forms里面。

 

 

 

ASPNetFlash的网址:http://www.aspnetflash.com/aspnetflash_Download_Free_Trial.aspx

下载安装后的效果:

image

真的不错,基本的属性设置,还有对FlashVar的数据绑定支持。

 

如果你还在为插入Flash Object 苦恼,快来试试这个!

参考文档:

List Apart上的一篇文章:http://www.alistapart.com/articles/flashembedcagematch/

posted on 2008-12-15 22:48  m2land  阅读(17568)  评论(9编辑  收藏  举报

导航