`

swfobject使用说明

    博客分类:
  • Flex
阅读更多

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject v2.0 dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0");
swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0", null, null, {wmode: ‘transparent’});
</script>

</head>
<body>
<div id="myflash">
This content requires Adobe Flash Player version 8 and above. <a href="http://www.doocom.cn/soft/" target="_blank">Click here to install Flash Player.</a> –Power By:<a href="http://www.doocom.cn/" target="_blank">Doocom.cn</a>

此动画要求Adobe Flash 8 或以上版本播放器,<a href="http://www.doocom.cn/soft/" target="_blank">请点击这里下载安装</a>!–Power By:<a href="http://www.doocom.cn/" target="_blank">Doocom.cn</a>
</div>
</body>
</html>

 

怎样配置你的Flash内容?
你可以为你的object元素添加下面这些常用的可选属性(attributes)[ http://www.w3schools.com/tags/tag_object.asp ]:

  • id
  • name
  • styleclass(不使用class,因为class也是ECMA4的保留关键字)
  • align

你可以使用下面这些专用于Flash的可选param元素[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ]:

  • play
  • loop
  • menu
  • quality
  • scale
  • salign
  • wmode
  • bgcolor
  • base
  • swliveconnect
  • flahvars
  • devicefont [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ]
  • allowscriptaccess [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ]
  • seamlesstabbing [ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ]
  • allowfullscreen [ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ]
  • allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html ]

怎样用JavaScript对象来定义你的flashvars、params和attributes?
你最好用对象的字面量(Object literal notation)来定义JavaScrpt对象,例如这样:

< script type = text/javascript >
 
var flashvars = {} ;
var params = {} ;
var attributes = {} ;
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , flashvars , params , attributes ) ;
 
<
/ script>

你可以在定义对象的时候添加你的name:value对(注意:请确保不要再对象中的最后一个name:value对后面加上逗号):

< script type = text/javascript >
 
var flashvars = {
 
name1 : hello ,
 
name2 : world ,
 
name3 : foobar
} ;
var params = {
 
menu : false
} ;
var attributes = {
 
id : myDynamicContent ,
 
name : myDynamicContent
} ;
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , flashvars , params , attributes ) ;
 
<
/ script>

或者在对象创建之后用点号添加属性(properties)和值:

< script type = text/javascript >
 
var flashvars = {} ;
flashvars . name1 = hello ;
flashvars . name2 = world ;
flashvars . name3 = foobar ;
 
var params = {} ;
params . menu = false ;
 
var attributes = {} ;
attributes . id = myDynamicContent ;
attributes . name = myDynamicContent ;
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , flashvars , params , attributes ) ;
 
<
/ script>

上面的代码也可以这样写(为那些喜欢俏皮话的顽固脚本程序员准备的不易读的简写版本(the less readable shorthand version for the die-hard scripter who love one-liners)):

< script type = text/javascript >
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , { name1 : hello , name2 : world , name3 : foobar } , { menu : false } , { id : myDynamicContent , name : myDynamicContent }) ;
 
<
/ script>

如果你不想使用一个参数,你可以将它定义为false或者一个空对象:

< script type = text/javascript >
 
var flashvars = false ;
var params = {} ;
var attributes = {
 
id : myDynamicContent ,
 
name : myDynamicContent
} ;
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , flashvars , params , attributes ) ;
 
<
/ script>

flashvars对象是一个为了增加易用性而设计的作为快捷方式的参数,所以你可以先忽略它,然后在params对象中指定你的flashvars:

< script type = text/javascript >
 
var flashvars = false ;
var params = {
 
menu : false ,
 
flashvars : name1=hello&name2=world&name3=foobar
} ;
var attributes = {
 
id : myDynamicContent ,
 
name : myDynamicContent
} ;
 
swfobject . embedSWF ( myContent.swf , myContent , 300 , 120 , 9.0.0 , expressInstall.swf , flashvars , params , attributes ) ;
 
<
/ script>
分享到:
评论
2 楼 yvonxiao 2010-07-21  
1L的,那个是Flash自己控制的,就算要在外部js里控制,也要Flash脚本开放相应的接口
1 楼 wgcniler 2009-09-02  
可以显示视频的进度条和控制面板么?

相关推荐

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

    以下是对SWFObject.js及其应用的详细说明: 1. **SWFObject.js介绍**:SWFObject是早期解决浏览器兼容性和自动更新Flash Player问题的一种解决方案。它通过JavaScript代码检测用户浏览器是否安装了正确的Flash版本...

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

    在提供的压缩包文件中,可能包含示例代码、说明文档或者已经配置好的HTML和JavaScript文件,用于演示如何结合`swfobject`和`swffit`实现Flash的自适应嵌入。通过研究这些文件,你可以更深入地了解这两个库的用法,并...

    swfobject资料打包

    通过掌握SWFObject 2.0的JavaScript文件、中文PDF说明书、官方文档、API以及实例播放器,你将能够创建出适应性强、用户体验良好的Flash网页应用。随着技术的发展,虽然现代网页更多转向HTML5,但SWFObject的历史地位...

    swfobject 2.2 无虚边框加载flash显示组件.zip

    - 文档:可能包含关于如何使用此特定版本的SWFObject的说明和教程。 为了使用SWFObject,你需要按照文档的指示在HTML页面中引入`swfobject.js`,然后配置你的Flash对象,指定SWF文件的位置、替代内容以及其他参数。...

    swfobject:一个异步加载flash的插件

    swfobject 使用介绍一个异步加载flash的插件##参数说明embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) {}参数依次...

    flash图表组件Open Flash Chart 2.0+(asp/php)自动提取示例+使用说明

    本实例在IE6、IE7、IE8、Chrome、Firefox测试通过,在实际项目使用中,对可能出现的问题,尤其在IE6中无法显示flash图表,本人特撰写《Flash图表组件——使用Open Flash Chart 2.0的一些问题及解决办法》,具体访问...

    OFC图表使用说明文档

    **OFC图表使用说明文档** **一、Open Flash Chart简介** Open Flash Chart(简称OFC)是一款基于Flash的开源图表库,它允许开发者通过简单的JSON数据格式创建丰富的、交互式的图表。由于其采用Flash技术,使得图表...

    Uploadify v2.1.0使用说明

    ### Uploadify v2.1.0 使用说明 #### 一、概述 Uploadify是一款功能强大的文件上传插件,它基于jQuery、Flash以及后端处理脚本实现。此插件不仅支持单文件上传,还能够轻松地实现多文件上传、文件预览等功能。...

    带有SWFobject的Last.fm小部件

    5. **CSS样式**:说明如何使用CSS美化小部件并与页面其他元素协调。 6. **Ajax调用**:如果存在,可能涉及到如何使用Ajax获取Last.fm API数据,以便动态更新小部件内容。 7. **实战演练**:提供实际代码示例和步骤,...

    版本说明文件

    9. **添加了SWFObject用于Flash检测**:SWFObject是一个JavaScript库,用于检测用户的浏览器是否安装了Flash插件,并且可以用来嵌入Flash内容。 10. **增加了已取消文件的指示**:对于那些被用户取消上传的文件,...

    符合web标准的flash调用方法,解决了浏览器对flash的影响

    其中,`swfobject.js`是一个广泛使用的开源JavaScript库,专门用于检测和嵌入Flash内容。它是由Google和Adobe共同开发的,旨在提供一个统一的、标准化的方法来处理Flash的插入和控制。 `swfobject.js`的工作原理...

    跨平台的flash网页播放器,轮换播放,html嵌入式web播放器

    拿过来解压后就可以直接使用! 在swfobject.js的帮助下你可以方便的设置swf的路径,宽度,高度,背景颜色和所需要的Flash播放器的版本,也可以通过它设置一组参数来配置swf。 内附操作说明文档!

    开源 Dewplayer MP3网页播放器

    2. `index.html`:这是主示例页面,可能包含了播放器的基本配置和使用说明。 3. `zdewplayer.jpg`、`zdewplayer.png`:这些是播放器的图像资源,可能用于显示播放、暂停等状态图标,或者是播放器的外观元素。 通过...

    源码可直接下载,直接使用

    6. `懒人图库.txt`:这可能是图片库的简略版或者使用指南,可能包含了图片路径或加载策略的说明。 7. `gallery.xml`:XML文件通常用于存储数据结构,这里可能是用来组织和描述3D相册中图片的信息,如图片URL、标题、...

    flash整站含源代码

    5. **使用说明.url** - 这可能是一个快捷方式,指向详细的使用说明或教程的在线位置。 6. **rss** - 可能是一个RSS feed文件,允许用户订阅网站内容更新。 7. **swf** - 这个文件可能是主要的Flash文件,包含动画、...

    页面js返回上一步上一页

    - **说明**:虽然文档中的这段代码与返回上一页的功能无关,但它展示了如何加载一个JavaScript库(SWFObject),这个库通常用于处理Flash内容。这里仅作为一个补充知识点介绍。 - **示例**: ```html &lt;!-- if...

    open_flash_chart中文学习教程文档

    #### 三、关于swfobject的简单说明 - **定义**:swfobject是一种JavaScript库,用于简化HTML页面中Flash内容的嵌入过程。 - **主要功能**:避免在IE浏览器中出现“点击激活”提示。 - **使用方法**: - 引入...

    open flash char2 操作文当

    OFC2使用的是`swfobject`的2.x版本,这与1.x版本有很大差异,需要注意代码的适配。例如,创建一个简单的柱状图,首先在Web工程中放入`swfobject.js`和`open-flash-chart.swf`,然后在HTML文件中使用`&lt;script&gt;`标签...

    wp-cumulus.rar_TagCloud._TagCloud.as_flex cumul_wp cumulus_wp cu

    【标题】"wp-cumulus.rar" 是一个与WordPress相关的压缩包,其中包含"TagCloud._TagCloud.as",这表明它...通过swfobject.js来嵌入并控制标签云,而附带的截图、许可证、说明文档和源代码提供了全面的使用和支持信息。

Global site tag (gtag.js) - Google Analytics