as3 flash web 应用（6）swfobject的使用：将flash嵌入页面

sealbird

浏览: 584689 次
性别:
来自: 广州

最近访客更多访客>>

ladies_killer

wbsh583

u012363178

dilimic120

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Flex

Flash Web HTML5 Google CSS

（鉴于最近有些抓取机器和抄袭者，把标题的【原】字都复制，我不得不声明：本文为 yukon12345原创，转载请注明出处 http://hi.baidu.com/yukon_kanzaki）
接下来要推荐的是开源插件swfobject（在src文件夹有所有源码）

swfobject下载：[b]http://code.google.com/p/swfobject/[/b]          （右边有最新版链接）

swfobject是比较流行的使用js而非使用<embed><object>插入flash影片的js插件，除了插入flash之外，还提供向flash传递值，检测浏览器版本，简化加载过程的作用，甚至还可以让低版本flash player的用户不离开本页面而自动升级，最新的2.2版甚至还添加了对iphone嵌入mp4的支持，以及对HTML5的<!doctype html>文档标签类型的支持。

中文使用说明：http://wenku.baidu.com/view/6c49d27da26925c52cc5bff3.html
向外开放的程序接口：http://code.google.com/p/swfobject/wiki/api

看到这么多，昏了吧？来直接进入关键主题：

把swf嵌入网页中：
<html>
<script type="text/javascript" src="swfobject.js"></script> //这里先要引入这个swfobject插件
<script type="text/javascript">

swfobject.embedSWF("your.swf", "flashcontent", "300", "120",“9", "expressInstall.swf");

</script>    
<div id="flashcontent">

This text is replaced by the Flash movie.    //这里是如果js被禁用，导致无法加载时的显示文字

</div>
</html>

这样就完成了。很简单
解释：
直接使用swfobject.embedSWF()即可导入参数的意义各如下：

1：("your.swf") 你想导入的swf的地址

2：("flashcontent" )指出flash将放入的div的ID号。同时也是flash的ID号。另外如果想用css的话 div#flashcontent可选择div，object#flashcontent可选择flash

3：(“300”)宽度

4：（"120"）高度

5：（"9"）最低要求版本号。将检测是否小于此版本号

6：("expressInstall.swf")如果版本过低，将导入的安装文件。让用户可以在此页面自动升级。

以上是最简单的swf文件导入。
更复杂一点的：将各种参数传递给flash：

<html>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars={
name1:"hello",
name2:"world"
}
var params={
menu: "false"
}
var attributes = {
id: "myDynamicContent",                
//注意：在这里不设置时flash影片的id值将继承于它的html父容器的id，设置后，flashid将会是此设置值（加载完毕响应函数callbackFn执行时，id还是原来的。之后就会改变）
name: "myDynamicContent"
}
function callbackFn(e) {
if(e.success)
{
alert("flash加载成功！\n id:"+e.id+"\n引用："+e.ref)
}
else{
alert("flash加载失败！\n id:"+e.id)
}
}
swfobject.embedSWF("你的文件名地址.swf", "flashcontent", "300", "120", "10", "expressInstall.swf",flashvars, params, attributes, callbackFn);
</script>    
<div id="flashcontent">
This text is replaced by the Flash movie.
</div>
</html>

解释：

flashvars：传递给flash影片的URL类型参数。作用同于原始的 *.swf?name1="hello"&name2="wolrd"。as3中使用loaderInfo.parameters数组来获取参数值。比如使用loaderInfo.parameters['name1']获取到hello

params：flash的params标签值。作用同于原始的<param name=" menu" value="false" />

attributes：flash属性值作用同于<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50"> 

关于最后一个事件回调参数callbackFn，它接收一个object对象比如e，在加载flash完毕或者失败后响应执行。e对象属性有：

success,指出是否加载成功（true/false）

id, 指出使用swfobject.registerObject()接口注册的flash的id （swfobject.registerObject接口在初始化时会自动调用）

ref, 当加载成功时，返回HTML对象元素的引用，失败时返回undefined。

swfobject2.0中文文档.rar (373.2 KB)
下载次数: 21

分享到：

Flex Component Kit for Flash CS3 安装方 ... | windows php安装

2011-04-14 10:27
浏览 2447
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

as3 flash web 应用（6）swfobject的使用：将flash嵌入页面

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

as3 flash web 应用 （6）swfobject的使用：将flash嵌入页面

评论

发表评论

相关推荐

swf文件压缩

swf文件的数据结构以及转为exe或从exe中剥离出swf的代码

swf的详细介绍

三个重要的处理swf的开源软件

IText中文处理问题！！！

FlexBook

[2011-04] Flex里自定义进度条ProgressBar样式皮肤

[2011-04] flex弹出模式窗口

[2011-04] Flex调用C# Webservice

[2011-04-19]Flex程序实现背景贴图的两种方式

Flex Component Kit for Flash CS3 安装方法及前提

pdftk 为偶数页加水印

借助 unoconv 批量转 xls 到 pdf文件

swftools安装

flex3下使用全屏模式

Flex生成SDK下Local目录下的语言包

‍swf文件格式解析入门（tag解析）

转成swf文件注意事项

AS获取SWF文件的宽和高!（实现如下类）

解析SWF文件头中的Rect结构

最近访客更多访客>>

as3 flash web 应用（6）swfobject的使用：将flash嵌入页面