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 相关文章推荐
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
很棒的学习jQuery的12个网站推荐
Apr 28 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
JavaScript中的相等操作符使用详解
Dec 21 Javascript
javascript实现京东快递单号的查询效果
Nov 30 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获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
PHP生成唯一订单号
2015/07/05 PHP
javascript Keycode对照表
2009/10/24 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
JavaScript中set与get方法用法示例
2018/08/15 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Django使用中间键实现csrf认证详解
2019/07/22 Python
python实现梯度下降法
2020/03/24 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
仓库管理员岗位职责
2014/03/19 职场文书
共产党员承诺书
2014/03/25 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
2014年教师节红领巾广播稿
2014/09/10 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
十二生肖观后感
2015/06/12 职场文书
用Python生成会跳舞的美女
2022/01/18 Python