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 相关文章推荐
借用Google的Javascript API Loader来加速你的网站
Jan 28 Javascript
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
js 通用订单代码
Dec 23 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
微信小程序可滑动月日历组件使用详解
Oct 21 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
May 28 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来检测proxy
2006/10/09 PHP
php 一元分词算法
2009/11/30 PHP
介绍一些PHP判断变量的函数
2012/04/24 PHP
PHP二维数组去重算法
2016/12/17 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
JS 类型转换常见方法小结
2010/05/31 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
layer.prompt输入层的例子
2019/09/24 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
Python pandas用法最全整理
2019/08/04 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
利用PyCharm操作Github(仓库新建、更新,代码回滚)
2019/12/18 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
全国税务系统先进集体事迹材料
2014/05/19 职场文书
暂停营业通知
2015/04/25 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
Python3.10的一些新特性原理分析
2021/09/15 Python
Python的三个重要函数详解
2022/01/18 Python
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL