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 相关文章推荐
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
Aug 14 Javascript
理解javascript回调函数
Dec 28 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
JavaScript手风琴页面制作
May 17 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
JavaScript手写数组的常用函数总结
Nov 22 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
sony ICF-2010 拆解与改装
2021/03/02 无线电
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
php中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
php合并js请求的例子
2013/11/01 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
脚本收藏iframe
2006/07/21 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
Python中正则表达式详解
2017/05/17 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python基本数据结构与用法详解【列表、元组、集合、字典】
2019/03/23 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
python如何判断IP地址合法性
2020/04/05 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
生产现场工艺工程师岗位职责
2013/11/28 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
机械设计及其自动化求职推荐信
2014/02/17 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书
2016年万圣节家长开放日活动总结
2016/04/05 职场文书
家电创业计划书
2019/08/05 职场文书
Python 数据可视化之Matplotlib详解
2021/11/02 Python