- 本章节将假设您已了解以下内容:
- 嵌入SWF的几种方式
- Flash播放器参数
- Requested:
- KISSY CORE
- JSON package
- Flash package
- Editors:
- 龙藏,Taobao,Inc
最小限度的动态发布
HTML步骤:
-
在SWF内容前,至少引入以下JS:
<script src="ks-core.js"></script> <script src="json.js"></script> <script src="flash-pkg.js"></script>
-
在期望插入SWF写上HTML钩子.如命名钩子为
<div id="myFlashContent"></div>
请不要在此入口HTML上写上其他HTML属性,此处内容将会被替换。
尽可能减少针对此ID的CSS样式。
Javascript步骤:
-
期望插入的SWF对象之后,插入操作SWF的相关JS代码:
<script src="PATH2YOURSCRIPT.js"></script>
-
或在SCRIPT标签中写上相关操作SWF的JS代码
<script> //do sth. </script>
-
在代码中可以这么写:
Flash.add('#myFlashContent', { src: 'PATH2YOURSWF.swf' } ); //注意 "#" 号.
套用CSS
HTML步骤:
同"最小限度的动态发布"
Javascript步骤:
-
仅需要修改"最小限度的动态发布"第3步:
Flash.add('#myFlashContent', { src: 'PATH2YOURSWF.swf', attrs: { 'class':"swfstyle", width: 800, height: 600 } } );
-
如果希望仅由CSS来控制高宽变化,则请将高宽置 100%:
Flash.add('#myFlashContent', { src: 'PATH2YOURSWF.swf', attrs: { 'class':"swfstyle", // 指定样式名 ,多个请由英文半角逗号隔开。 width: "100%", height: "100%" } } );
CSS步骤:
.swfstyle {
width: 250px;
height: 250px;
}
使用flashvars配置flash对象
var flashvars = {
// 以下为传递给 flash 对象的参数
name1: 'configuration value #1',
name2: 'configuration value #2',
name3: 'Hello World! I am changing'
}
Flash.add('#myFlashContent',
{
src: 'PATH2YOURSWF.swf',
params:{
flashvars : flashvars
}
}
);
使用 JSON 配置flash对象
var flashvars = {
// 以下为传递给 flash 对象的参数
// config 对象将被自动JSON字符串化
config: {
clip: {
autoPlay: false,
autoBuffering: true,
source: [
'http://movie_a.flv',
'http://movie_b.flv',
'http://movie_c.flv'
]
}
},
array:[1,2,3,4,5,6,7]
}
Flash.add('#myFlashContent',
{
src: 'PATH2YOURSWF.swf',
params:{
flashvars : flashvars
}
}
);
使用快速安装(express install)
- 本部分描述将假设您已了解以下内容:
- 最小限度的动态发布
- 套用CSS
- Flash快速安装(express install)
F.add('#myFlashContent', {
src: 'assets/test.swf',
xi: 'express-install/expressInstall.swf',
version: 20.2 // 强行观摩 :p
});
需要flash player 8 版本以上。