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 设计模式之组合模式解析
Apr 09 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
js加载读取内容及显示与隐藏div示例
Feb 13 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
vue 权限认证token的实现方法
Jul 17 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
用session做客户验证时的注意事项
2006/10/09 PHP
php $_ENV为空的原因分析
2009/06/01 PHP
处理单名多值表单的详解
2013/06/08 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
php实现图片缩略图的方法
2016/03/29 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
Javascript开发包大全整理
2006/12/22 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
JavaScript实现简单计算器功能
2019/12/19 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
详解Django admin高级用法
2019/11/06 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
override和overload的区别
2016/03/09 面试题
什么是GWT的Module
2013/01/20 面试题
python实现商品进销存管理系统
2022/05/30 Python