`

swfobject

 
阅读更多

SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

请注意: 由于法律原因,FlashObject已经更名为SWFObject,详见这里

内容导读

新功能

 

[对于急切需要下载的用户点击这里直接观看JS代码]

SWFObject的使用是非常简单的,只需要包含 swfobject.js这个js文件,然后在DOM中插入一些简单的JS代码,就能嵌入Flash媒体资源了。 下面是一个最简单的范例:

<script type="text/javascript" src="swfobject.js"></script>
		
<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
   so.write("flashcontent");
</script>

让我们看看这些代码是如何工作的

<div id="flashcontent">[...]</div>

首先,我们要为SWF资源预留一个HTML结点。这个HTML结点内的所有内容都会在客户端被Flash资源替换,当客户端没有安装Flash播放器的时候,这些内容会显示出来。这一特色在SEO以及对用户体验方面非常有必要。

var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);

创建一个新的SWFObject实例,并且传入一下参数:

  • swf - SWF文件路径
  • id - 您为这个SWF文件分配的id值,它将用于给embed与object标签设定name属性,以便于可以支持swliveconnect的功能,如动态传入变量
  • width - 宽度
  • height - 高度
  • version - FlashPlayer需要的版本号,它可以详细到 '主版本号.小版本号.细节',例如:"6.0.65"。一般地,我们只需传入主版本即可,例如:"6"
  • background-color - Flash资源的背景色,16进制格式

此外,还有如下可选参数:

  • quality - 画面质量,默认为"high"
  • xiRedirectUrl - 详见ExpressInstall相关
  • redirectUrl - 没有安装相应版本的播放器后自动跳转的目标地址
  • detectKey - 这是当忽略检测时,SWFObject将去url地址中查找的变量,默认值为“detectflash”,后续有详细介绍
so.write("flashcontent");

将Flash资源应用到DOM里,在浏览器显示出来。

细节

SWFObject 的灵活性非常好。您完全可以事先写好HTML的其他部分,最后再回过头来添加Flash内容。这样可以确保在客户端没有Flash的情况下,用户不会一无所获;也可以确保针对搜索引擎,做了什么样的关键词优化。您完全不用像以前那样担心客户端的各种状况

SWFObject兼容当前各种主流浏览器,如:PC上的IE5/5.5/6, Netscape 7/8,Firefox, Mozilla, and Opera。Mac上的IE5.2, Safari, Firefox, Netscape 6/7, Mozilla, and Opera 7.5+,各种浏览器的后续版本也会继续支持

SWFObject检测Flash播放器版本从3开始到最新的版本号,而且也消灭了IE中“激活”的麻烦。这里有相关背景

SWFObject可以方便地检查版本细节,例如我们需要v.6.0 r65 (or 6,0,65,0) 来处理SWF资源,就可以添加如下代码:

var so = new SWFObject("movie.swf", "mymovie", "200", "100", "6.0.65", "#336699");

SWFObject的版本检测可以人工忽略。如果在特定环境下您不希望SWFObject检测版本号,那么只需要传递一个参数在HTML页面中,就可以了。SWFObject可以捕获这个参数并且跳过检测,直接写入Flash嵌入代码到DOM中。用于忽略版本检测的变量名是“detectflash”,以下是一个例子:

<a href="mypage.html?detectflash=false">Bypass link</a>

SWFObject 范例

以上我们接触到的范例都最基础的,接下来我们列举一些其他功能,尤其是传入参数、变量这些使用频率较高的行为。

传入Flash内联参数的简单范例

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");
   so.addParam("quality", "low");
   so.addParam("wmode", "transparent");
   so.addParam("salign", "t");
   so.write("flashcontent");
</script>

这里可以看到Flash支持的内联参数列表:full list of the current parameters and their possible values(adobe.com官方资源)

分享到:
评论

相关推荐

    SWFObject_2.0_使用方法

    - 使用 SWFObject 提供的函数 `swfobject.registerObject` 或 `swfobject.embedSWF` 来注册 Flash 内容,配置必要的参数如 Flash 文件路径、ID、属性等。 ### 6. 怎样用 SWFObject 2.0 的动态发布方法来嵌入 Flash ...

    rtmp-swfobject-master.zip

    《深入理解RTMP直播技术与SWFObject应用》 RTMP(Real-Time Messaging Protocol)实时消息传输协议,是Adobe公司推出的一种用于音视频数据实时传输的协议,常用于在线直播领域,提供了一秒级的实时性,使得观众可以...

    SWFObject v1.5简介

    ### SWFObject v1.5 简介 SWFObject是一种用于网页中轻松检测和嵌入Adobe Flash内容的JavaScript库。它最初是为了简化Flash内容的集成与优化用户体验而设计的。随着网络技术的发展,虽然Flash已经不再流行,但了解...

    SWFObject

    SWFObject是一种广泛使用的JavaScript库,用于在网页中无缝嵌入Adobe Flash内容,如动画、视频或游戏。这个库由格雷格·劳(Greg Laue)创建,旨在提供一个优雅的解决方案,使得Flash内容能够在各种浏览器和设备上以...

    jquery uploadify 以及swfobject.js

    《jQuery Uploadify与SwfObject.js的深度解析》 在Web开发中,文件上传功能是不可或缺的一部分,尤其是在社交网络、在线存储服务等场景下。jQuery Uploadify和SwfObject.js是两个广泛使用的JavaScript库,它们使得...

    swfobject_modified.js

    swfobject_modified.js

    SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

    SWFObject是一个JavaScript库,主要用于在网页中检测和嵌入Adobe Flash媒体资源,特别是SWF文件。这个模块的核心功能是通过JavaScript脚本来检测用户的浏览器是否安装了足够版本的Flash插件,以支持播放指定的Flash...

    SWFObject图片、文件上传,PHP版

    SWFObject是一个JavaScript库,主要用于在网页中嵌入Flash内容,如在此场景中用于创建一个用户界面,使用户能够方便地上传文件到服务器。 首先,我们需要理解SWFObject的工作原理。SWFObject库通过JavaScript动态...

    swfobject-master.zip

    【标题】"swfobject-master.zip" 是一个包含FLV在线预览功能的示例项目,主要用于演示如何在网页上播放FLV视频格式。SWFObject是一个JavaScript库,它的主要作用是实现Flash内容与HTML页面的无缝集成,尤其是在处理...

    使用SWFObject.js文件嵌入swf文件的应用

    1. **SWFObject.js介绍**:SWFObject是早期解决浏览器兼容性和自动更新Flash Player问题的一种解决方案。它通过JavaScript代码检测用户浏览器是否安装了正确的Flash版本,如果满足条件,就会在HTML页面中插入SWF文件...

    swfobject_2_2.zip

    《深入解析SwfObject 2.2在Delphi开发中的应用》 SwfObject是一款广泛使用的JavaScript库,主要用于在网页中插入和控制Adobe Flash内容。它最初由格雷格·劳(Greg Lafrance)创建,后来被Google采纳并进一步发展。...

    flash swfobject.js实例360室内装饰图片全景查看

    在这个“360室内装饰图片全景查看”的实例中,我们将探讨如何使用Flash和SWFObject.js来实现一个交互式的室内装饰展示。 首先,SWFObject.js的主要功能是检测用户浏览器是否支持Flash,如果支持,则插入SWF文件;...

    swfobject+swffit实现flash嵌入网页自适应大小

    这就是`swfobject`和`swffit`两个JavaScript库的用武之地。这两个库协同工作,可以确保Flash内容在网页中完美地自适应大小。 `swfobject`是一个轻量级、开源的JavaScript库,主要用来解决Flash内容在网页中的嵌入...

    SWFObject.js Flash性能增强插件

    SWFObject.js是一款广泛使用的JavaScript库,专门设计用于在网页中插入、管理和优化Adobe Flash内容。这个插件的出现,主要是为了解决早期Flash在网页中的集成问题,尤其是在不同浏览器和平台上的兼容性问题。通过...

    uploadify(含swfobject.js)

    该插件基于Flash技术,因此需要与SWFObject.js配合使用来处理Flash内容的嵌入和兼容性问题。 在Uploadify 3.2.1版本中,SWFObject.js已经被包含在压缩包内,这意味着用户无需单独下载SWFObject,解压后即可直接在...

    js > swfobject.js 使用

    **JavaScript与SWFObject.js详解** 在Web开发中,JavaScript是一种强大的客户端脚本语言,而SWFObject.js是一个用于在HTML页面中嵌入Adobe Flash内容的JavaScript库。这个库广泛应用于那些希望在网页中集成多媒体...

    flash嵌入web页面(swfobject)

    本教程将详细解析如何使用SWFObject来实现这一过程。 一、SWFObject简介 SWFObject是一个开源的JavaScript解决方案,由Georg Richter开发,它解决了早期Flash插件检测和嵌入的问题,使得网页开发者能够优雅降级,即...

    swfobject 2.1

    **SWFObject 2.1 知识点详解** SWFObject 是一款广泛使用的JavaScript库,主要用于在网页中无缝地嵌入Adobe Flash内容。它的主要功能是实现Flash Player的检测、版本检查以及自动插入和替换HTML内容,确保无论用户...

Global site tag (gtag.js) - Google Analytics