天天看点

如果你还在为插入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>

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

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

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

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

ASPNetFlash的网址:

http://www.aspnetflash.com/aspnetflash_Download_Free_Trial.aspx

下载安装后的效果:

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

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

http://www.arjones.net/opensource/swfobject.net/

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

参考文档:

List Apart上的一篇文章:

http://www.alistapart.com/articles/flashembedcagematch/

继续阅读