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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
jQuery学习3:操作元素属性和特性
Feb 07 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
javascript的几种写法总结
Sep 30 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 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 取得瑞年与平年的天数的代码
2009/08/10 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
PHP实现发送微博消息功能完整示例
2019/12/04 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
jQuery视差滚动效果网页实现方法经验总结
2016/09/29 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
Python MySQLdb Linux下安装笔记
2015/05/09 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python编写简单的HTML页面合并脚本
2016/07/11 Python
机器学习python实战之决策树
2017/11/01 Python
Python异常的检测和处理方法
2018/10/26 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
2014两会优秀的心得体会范文
2014/03/17 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
2016年第二十五次全国助残日活动总结
2016/04/01 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
详解thinkphp的Auth类认证
2021/05/28 PHP
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
Python数据结构之队列详解
2022/03/21 Python