`
kc_ren
  • 浏览: 62103 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

SWFObject: 基于Javascript的Flash操作

阅读更多
SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。
(即:通过text/html应答页面, 而非application/xhtml+xml)

最新版本 2.0 使用方法

http://code.google.com/p/swfobject/

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)
有5个必须的参数和4个可选的参数:

swfUrl(String,必须的)指定SWF的URL。
id(String,必须的)指定将会被Flash内容替换的HTML元素(包含你的替换内容)的id。
width(String,必须的)指定SWF的宽。
height(String,必须的)指定SWF的高。
version(String,必须的)指定你发布的SWF对应的Flash Player版本(格式为:major.minor.release)。
expressInstallSwfurl(String,可选的)指定express install SWF的URL并激活Adobe express install [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。
flashvars(String,可选的)用name:value对指定你的flashvars。
params(String,可选的)用name:value对指定你的嵌套object元素的params。
attributes(String,可选的)用name:value对指定object的属性。

1.5 版本的中文介绍

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里,在浏览器显示出来。
分享到:
评论
1 楼 wgcniler 2009-09-02  
可以显示视频的进度条和控制面板么?

相关推荐

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

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

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

    本主题聚焦于一个特定的JavaScript模块——"基于JavaScript的Flash媒体版本检测与嵌入模块",这个模块主要用于处理网页中的Flash内容,确保用户能够正确地查看和交互。 Flash曾是网页多媒体内容的主流技术,但在...

    SWFObject_2.0_使用方法

    SWFObject 2.0 是一个用于优化嵌入 Flash 内容的技术,它提供了一种基于标签的方法和一种依赖于 JavaScript 的方法来嵌入 Flash Player。该技术的目标是提供一套完整的工具来嵌入 SWF 文件并获取有关 Flash Player ...

    swf-jquery:基于 SWFObject 轻松操作 SWF 的 jQuery 插件

    基于 SWFObject 轻松操作 SWF 的 jQuery 插件。 这个很棒的课程自 2009 年就存在。现在在 Bower 上。演示快速开始使用 bower install swf-jquery --save文档 $.flash $(选择器).flash() 在选择上加载 flash swf $ ( ...

    swfobject swfobject_2_2

    标题“swfobject swfobject_2_2”和描述中提到的“swfobject_2_2”,都是指一个特定版本的“swfobject”库,这是一个JavaScript库,专门用于在网页上嵌入Adobe Flash内容。在Web开发的历史中,Flash曾广泛用于创建...

    世界上最小的 MP3 Web flash播放器

    5. SwfObject:JavaScript库,用于插入和管理Flash内容。 6. JavaScript控制器(1bit.js):与Flash组件交互,实现播放器的用户界面逻辑。 7. Flash组件(1bit.swf):实际的Flash文件,负责音频解码和播放。 随着...

    SWFObject图片、文件上传,PHP版

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

    uploadify(含swfobject.js)

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

    rtmp-swfobject-master.zip

    SWFObject是一个轻量级的JavaScript库,主要用于嵌入Flash内容到HTML页面中。在RTMP直播场景下,SWFObject帮助网页动态加载Flash播放器,实现与服务器的RTMP连接,进而播放直播流。SWFObject2.2是其一个版本,相比...

    jquery uploadify 以及swfobject.js

    SwfObject是一个轻量级的JavaScript库,主要用于在网页中插入和控制Flash内容。在jQuery Uploadify中,SwfObject的作用至关重要,因为它负责在浏览器中嵌入Flash组件。Flash在多文件上传中扮演了关键角色,因为它...

    网页中嵌入Flash视频

    本文将深入探讨如何在网页中嵌入Flash视频,并基于提供的"SWFobject.js"文件进行解析。 首先,让我们理解SWFobject是什么。SWFobject是一个开源JavaScript库,它的主要功能是帮助开发者在HTML页面中无缝地插入和...

    js flash播放器

    1. **SWFObject**: 这是一个常用的JavaScript库,用于在网页中插入和控制Flash内容。它可以帮助检测浏览器是否支持Flash,以及插入正确的SWF(Flash文件)到HTML页面中。 2. **Flash参数传递**: JavaScript可以通过...

    jquery flash上传组件

    2. Flash:Uploadify利用Flash来实现文件的选取和上传,因为Flash支持多文件选择和大文件分块上传。 3. SWFObject:这是一个JavaScript库,用于检测用户的Flash版本,并嵌入SWF(Flash对象)到HTML页面中。 4. ...

    [转]FLASH与JS序列简单应用

    在描述中提到的博客链接(由于实际无法访问,以下内容基于通常的Flash与JS交互实践)可能详细阐述了如何在网页中嵌入Flash并使用JavaScript进行控制。一种常见方法是使用SWFObject,这是一个开源的JavaScript库,...

    核格平台swfObject显示swf文件源码

    3. 使用JavaScript编写代码来检测浏览器是否支持Flash,如果支持,则使用swfObject插入SWF文件。 4. 设置SWF文件的参数,如宽度、高度、版本号等。 5. 提供不支持Flash时的回退内容,以保证所有用户都能访问网页。 ...

    JS+Flash让网页元素发光的插件

    JavaScript发光特效通常基于CSS3的过渡(transition)和动画(animation)属性,结合透明度、颜色和边框阴影的变化来实现。 然而,尽管JavaScript在现代浏览器中已经足够强大,但Flash在某些复杂动画和效果方面依然...

    16种常用网页FLASH播放器

    14. SWFObject:SWFObject是一个JavaScript库,用于动态插入和管理Flash内容,包括Flash播放器。 15. Plyr.io:Plyr是一款现代、可定制的HTML5/Flash播放器,注重无障碍访问和响应式设计。 16. Clappr:Clappr是一...

    Flash 完成复制到剪贴板小插件

    本教程将深入探讨如何使用Flash技术实现这一功能,因为JavaScript等常见Web语言在某些浏览器环境下受到安全限制,无法直接操作剪贴板。下面我们将详细讲解Flash完成复制到剪贴板的小插件。 首先,我们需要了解Flash...

Global site tag (gtag.js) - Google Analytics