swfobject.js 简介

swfobject是什么？
有些朋友可能可能并不熟悉它，但是如果你玩过flash，我想应该不会陌生。

SWFObject是一个用于在HTML中方便插入Adobe Flash媒体资源（*.swf文件）的JavaScript模块。它能够避免您的 HTML、XHTML中出现object、embed等非标准标签，从而符合更加标准。

如果你现在需要急于了解如何使用它，那么你可以看看我下面的简短的介绍，相信能够帮助到您。

第一步，你可以去到http://code.google.com/p/swfobject/downloads/detail?name=swfobject_2_2.zip下载到它。

第二步，学会如何使用。

swfobject就是为我们提供更好更简单的方法将swf嵌入到html中，它给出两种方法让我们去做这事。

方法一：静态的插入

1. 使用object的标签插入swf

2. 在html的head内加入我们下载下来swfobject.js: <scripttype="text/javascript"src="swfobject.js"></script>

3. 使用swfobject提供的接口来关联swf

<!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 - 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.registerObject("myId", "9.0.115", "expressInstall.swf");
</script>
</head>
<body>
<div>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
<param name="movie" value="test.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="test.swf" width="780" height="420">
<!--<![endif]-->
<p>Alternative content</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>

方法二：动态的插入
1. 给出div用来装载swf文件

<div id="myContent">      <p>Alternative content</p></div>

2. 在html的head内加入我们下载下来swfobject.js: <scripttype="text/javascript"src="swfobject.js"></script>

3. 使用swfobject提供的接口来关联swf

<!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 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("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>

当然swfobject还提供了一些额外的参数可以赋给swf文件。如：

varflashvars={};varparams={};varattributes={};

swfobject.embedSWF("myContent.swf","myContent","300","120","9.0.0","expressInstall.swf",flashvars,params,attributes);

这些我们都可以在需要的时候添加。

希望能够为所需要的朋友提供一点帮助。

swfobject.js 简介相关推荐

Zepto.js简介
Zepto.js简介一.总结一句话总结: Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念 1.Zepto.js做移动端的特点? ...
【Nodejs篇一】Node js 简介
一.Node.js简介 Node.js 不是一种独立的语言,Node.js 也不是一个 JavaScript 框架,.Node.js 是一个让 JavaScript 运行在服务端的开发平台.他跳过了h ...
swfobject.js视频播放插件
在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用: html代码结构: <div id="video_content"></d ...
swfobject.js 2.2简单使用方法
swfobject.js 2.2简单使用方法官方网址介绍 http://code.google.com/p/swfobject/wiki/documentation 用法: html部分 <d ...
SWFObject.js入门
SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块原文:SWFObject: Javascript Flash Player detection and embed s ...
swfobject.js 的用法
最近看到了好几个Flash网站,head代码里都加载了一个swfobject.js,这个JS究竟有什么作用呢?眼下正在做一个Web页面,说不定刚好可以派上用场.于是,好奇的搜索了一下.原来这是老外开 ...
让swfobject.js 支持透明的flash
使用ofc时,用swfobject.js调用flash,遇到的基本问题就是flash会在浮动层之上,影响到整体功能. google了一下,发现swfobject.js并没有打算支持透明的flash,只 ...
swfobject.js 2.2 使用方法
在网页中插入FLASH时总是要写一大堆控件代码,而swfobject可以大大简化这项工作,使用swfobject的好处: 1.IE中没有讨厌的虚框问题了. 2.提供了完善的版本检测功能,如果版本不够则 ...
关于swfobject.js详解
最近看到了好几个Flash网站,head代码里都加载了一个swfobject.js,这个JS究竟有什么作用呢?眼下正在做一个Web页面,说不定刚好可以派上用场.于是,好奇的搜索了一下.原来这是老外开 ...
swfobject.js 详细解说
央视也在使用.http://news.xmtv.cn/2013/11/20/ARTI1384945345418131.shtml <pid="mbreplace"style= ...

swfobject.js 简介

swfobject.js 简介相关推荐

最新文章

热门文章