swfobject.js用法详解

金范a

金范a

2016-02-19 13:08

今天图老师小编要跟大家分享swfobject.js用法详解,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

swfobject.js下载地址:http://code.google.com/p/swfobject/

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

用这个js的好处:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

1.IE中没有讨厌的虚框问题了。
2.提供了完善的版本检测功能,如果版本不够则显示其他东西,比如图片或文字。
3.易于使用,只要在页面头加载一个 .js 文件,然后 HTML 写一个容器,里面放普通的文本或图片(用于无法显示 Flash 时显示),最后用脚本来替换这个元素里面的内容为 Flash。
4.使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。
5.能够避免HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。

只需要包含 swfobject.js这个js文件,然后在DOM中插入一些简单的JS代码,就能嵌入Flash媒体资源了。下面是一个最简单的范例:

12345678910111213 script type="text/javascript" src="swfobject.js"/scriptscript type="text/javascript"   var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");   so.addParam("quality", "low");   so.addParam("wmode", "transparent");   so.addParam("salign", "t");   so.addVariable("variable1", "value1");   so.addVariable("variable2", "value2");   so.addVariable("variable3", "value3");   so.addVariable("variable1", getQueryParamValue("variable1"));   so.addVariable("variable2", getQueryParamValue("variable2"));   so.write("flashcontent");/script

div id="flashcontent"[...]/div首先,我们要为SWF资源预留一个HTML结点。这个HTML结点内的所有内容都会在客户端被Flash资源替换,当客户端没有安装Flash播放器的时候,这些内容会显示出来。这一特色在SEO以及对用户体验方面非常有必 要。

var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);创建一个新的SWFObject实例,并且传入一下参数:

swf - SWF文件路径 
id - 您为这个SWF文件分配的id值,它将用于给embed与object标签设定name属性,以便于可以支持swliveconnect的功能,如动态传 入变量 
width - 宽度 
height - 高度 
version - FlashPlayer需要的版本号,它可以详细到 '主版本号.小版本号.细节',例如:"6.0.65"。一般地,我们只需传入主版本即可,例如:"6"。 
background-color - Flash资源的背景色,16进制格式 
此外,还有如下可选参数:

quality - 画面质量,默认为"high"。 
xiRedirectUrl - 详见ExpressInstall相关 
redirectUrl - 没有安装相应版本的播放器后自动跳转的目标地址 
detectKey - 这是当忽略检测时,SWFObject将去url地址中查找的变量,默认值为detectflash,后续有详细介绍 
so.write("flashcontent");将Flash资源应用到DOM里,在浏览器显示出来。

解释一下这些参数的作用:

   var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);         //这段是SWFObject必须的基本参数,所有SWFObject都必须包含的。
   so.addParam("Param1", "Param2");   //这里是给Flash添加内联参数,可以实现诸如背景透明之类的效果。依照需求添加就可以了,参数和emded/object标签是一样的代码,下同。
   so.addParam("Param3", "Param4");
   so.addParam("Param5", "Param6");
   so.addVariable("variable1", "value1");    //这里是给Flash添加FlashVar,这是以FlashVar的方式给Flash的Root添加变量,对于Number型变量在Flash端需要 做类型转换。
   so.addVariable("variable2", "value2");
   so.addVariable("variable3", "value3");
   so.addVariable("variable1", getQueryParamValue("variable1"));   //Flash获取URL变量对于url?arg1=test1&arg2=test2这样用GET方式传递变量的URL,我们可以用 getQueryParamValue方法来获取变量。
   so.addVariable("variable2", getQueryParamValue("variable2"));
   so.write("content");    //这里是至关重要的一个地方,他是用一段特定内容取代Flash无法显示时的内容。可以事先在CSS里定义好样式,在文档里使用div标签写出来。这里 在调用过来。

展开更多 50%)
分享

猜你喜欢

swfobject.js用法详解

Web开发
swfobject.js用法详解

swfobject.js嵌入flash媒体资源

Web开发
swfobject.js嵌入flash媒体资源

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

FSCommand 用法详解

flash教程
FSCommand 用法详解

Js中sort()方法的用法

Web开发
Js中sort()方法的用法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js的event详解

Web开发
js的event详解

asynctask的用法详解

编程语言 网络编程
asynctask的用法详解

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JAVA入门教程:第一章

JAVA入门教程:第一章

jquery.AutoComplete.js中文修正版(支持firefox)

jquery.AutoComplete.js中文修正版(支持firefox)
下拉加载更多内容 ↓