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 相关文章推荐
收藏一些不常用,但是有用的代码
Mar 12 Javascript
Javascript模板技术
Apr 27 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
JQuery 学习技巧总结
May 21 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
小程序ios音频播放没声音问题的解决
Jul 11 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
JS常用排序方法实例代码解析
Mar 03 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
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
解析php中的escape函数
2013/06/29 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
php 中文字符串首字母的获取函数分享
2013/11/04 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
2016/06/24 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
jQuery textarea的长度进行验证
2009/05/06 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
2010/07/20 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
python实现邮件自动发送
2019/08/10 Python
Django重设Admin密码过程解析
2020/02/10 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
购买原创艺术品:Zatista
2019/11/09 全球购物
技术学校毕业生求职信分享
2013/12/02 职场文书
会计找工作求职信范文
2013/12/09 职场文书
周年庆典邀请函范文
2014/01/23 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL
Python中使用ipython的详细教程
2021/06/22 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
Oracle 触发器trigger使用案例
2022/02/24 Oracle