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 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
jQuery中的each()详细介绍(推荐)
May 25 Javascript
AngularJS控制器之间的通信方式详解
Nov 03 Javascript
jquery uploadify如何取消已上传成功文件
Feb 08 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 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高级编程-函数-郑阿奇
2011/07/04 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
js 中获取制定的cook信息实现方法
2016/11/19 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
Django REST framework 分页的实现代码
2019/06/19 Python
python爬虫之快速对js内容进行破解
2019/07/09 Python
python中round函数如何使用
2020/06/19 Python
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
协议书与合同的区别
2014/04/18 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
2015年转正工作总结范文
2015/04/02 职场文书
罗马假日观后感
2015/06/08 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
心理学培训心得体会
2016/01/22 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书