SWFObject Flash js调用类


Posted in Javascript onJuly 08, 2008

 SWFObject是一个基于Javascript的Flash媒体版本检测与嵌入模块,其主要使用目的是让我们将FLASH嵌入网页中的操作更简单,加入了版本检测功能,符合XHTML的标准验证的插入,并解除了IE对FLASH点击激活的限制,对主流浏览器兼容。
首先让我们看一段SWFObject作用的代码:


//载入SWFObject类库
<script type="text/javascript" src="swfobject.js" src="swfobject.js"></script>
//设置一个DIV,并设置ID,这个DIV将做为FLASH插入的容器
<div id="flashcontent">播放此动画需要FlashPlayre8.0+ </div>
//利用SWFObject来插入FLASH
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
//将id为flashcontent的DIV中内容替换为FLASH
so.write("flashcontent");
</script>
看了上面的代码感觉如何?比起平时用Object来插入FLASH文件是不是简洁多了,而且代码结构更清晰,对这段代码的中文解释可参看AW对SWFObject的翻译,已经很详细了,不再赘述,下面只介绍一下个人认为最实用的功能。

一、版本检测 

难免存在播放器版本过低的用户,而且他们大多数是低端用户,对电脑知识了解较浅,如果他们看不到我们所指出的FLASH动画,或者是由于播放器版本不支持新版本中的某些特性,用户看到的是残缺的动画,那么这就是一个糟糕的用户体验,用户很容易将一切因素都归咎于产品的开发者。实用SWFObject就可以很好的避免这一麻烦,当它检测到用户的播放器版本低于我们设置的版本时,FLASH不会替换DIV容器中的内容,因此我们可以在这里给用户提示,例如:“你需要升级FLASH播放器版本至8.0+”。如果条件允许,我们可以在这里给用户一个Adobe的FlashPlayer的升级链接或者直接提供一个Active安装包给用户下载安装。

二、对FlashVars的支持

so.addVariable("arg1","test1"));
so.addVariable("arg2","test2"));
上面两句代码将以FlashVars的方式给FLASH的ROOT中添加两个变量arg1=test1,arg2=test2,简洁,方便,同时不用我们再考虑IE和FF的兼容问题。

注意:JS跟FLASH通信是以字符串传递的,因此对于Number型变量FLASH端需要做类型转换。

三、设置FLASH内联参数

so.addParam("wmode", "transparent");
这是我们很熟悉的设置FLASH背景透明的代码,其他内联属性可以尝试设置一下。

四、获取URL中的变量

对于url?arg1=test1&arg2=test2这样用GET方式传递变量的URL,我们可以用getQueryParamValue方法来获取变量。

var t1 = getQueryParamValue("arg1");
alert(t1);
官方地址:http://blog.deconcept.com/swfobject/

Javascript 相关文章推荐
索趣科技的答案
Feb 07 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
js实现常用排序算法
Aug 09 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 #Javascript
图片自动缩小 点击放大
Jul 07 #Javascript
超级退弹代码
Jul 07 #Javascript
Javascript入门学习资料收集整理篇
Jul 06 #Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 #Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 #Javascript
用JS剩余字数计算的代码
Jul 03 #Javascript
You might like
网络资源
2006/10/09 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
WordPress中用于获取搜索表单的PHP函数使用解析
2016/01/05 PHP
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python  连接字符串(join %)
2008/09/06 Python
python操作xml文件示例
2014/04/07 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
python修改txt文件中的某一项方法
2018/12/29 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
浅析Django中关于session的使用
2019/12/30 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
如何开启linux的ssh服务
2013/06/03 面试题
化工专业推荐信范文
2013/11/28 职场文书
行政部岗位职责范本
2014/03/13 职场文书
品质主管岗位职责
2014/03/16 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
趣味运动会开幕词
2015/01/28 职场文书
起诉书范文
2015/05/20 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python