大家在项目中常常要插入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。
具体可以参考下面的文档:
-
Flash OBJECT和EMBED标签详解
-
Flash OBJECT and EMBED tag attributes
-
Adobe 的官方文档:Macromedia Flash OBJECT and EMBED tag syntax
参考文档我们就可以通过各种方法向客户段按照正确的格式输出FlashObject的代码了,但字符串的拼接操作枯燥又容易出错,代码可读性还不好,有什么更好的办法吗?
在这里要特别提一下的就是FlashObject的FlashVar参数,很多应用都要靠着这个参数传入大量有复杂数据格式的数据对(pair),构建这个参数往往是最麻烦的。
关于FlashVar: Using FlashVars to pass variables to a SWF
使用<swfobject>
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
ASPNetFlash WebControl 可以让你轻松的把一个Adobe Flash文件插入到你的ASP.NET web forms里面。
ASPNetFlash的网址:http://www.aspnetflash.com/aspnetflash_Download_Free_Trial.aspx
下载安装后的效果:
真的不错,基本的属性设置,还有对FlashVar的数据绑定支持。
如果你还在为插入Flash Object 苦恼,快来试试这个!
参考文档:
List Apart上的一篇文章:http://www.alistapart.com/articles/flashembedcagematch/