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 相关文章推荐
JavaScript delete操作符应用实例
Jan 13 Javascript
js实现的折叠导航示例
Nov 29 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
JS中判断字符串存在和非空的方法
Sep 12 Javascript
详解vue中axios请求的封装
Apr 08 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
JS setTimeout与setInterval的区别
Apr 20 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实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
Python多进程通信Queue、Pipe、Value、Array实例
2014/11/21 Python
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python numpy 常用函数总结
2017/12/07 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
运动会开幕式邀请函
2014/01/22 职场文书
文化宣传方案
2014/03/13 职场文书
竞选村长演讲稿
2014/04/28 职场文书
高中班级口号
2014/06/09 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
小石潭记导游词
2015/02/03 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang
Python 实现定积分与二重定积分的操作
2021/05/26 Python