Professional Documents
Culture Documents
:
ismaeel.enjreny@gmail.com :
SWFObject 3 ..................................................................................................................................
SWFObject 3 .................................................................................................................
SWFObject 3 .............................................................................................
4 ......................................................................................................
5 .................................................................... SWFObject
:1 HTML 5 ...........................................................
HTML 6 ...........................................................................................
7 .....................................................................................................................
:2 SWFObject 8 ............................................................................HTML
:3 SWFObject SWFObject 8 ......
11 ............................................................ SWFObject
:1 HTML 11 ..............................................................................
:2 SWFObject 11 ..........................................................................HTML
:3 11 ..........................................................................................
12 ......................................................................................................................
flashvars params 14 ................................... object
SWFObject 1.5 16 ......................................................................................... SWFObject 2
UFO 16 .......................................................................................................... SWFObject 2
SWFObject 2 application/xhtml+xml17 ............................................................................
17 ................................................................... SWFObject
17 ...........................................................................................................................
)17 ................................. swfobject.registerObject(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn
)19 ................................................................................................ swfobject.getObjectById(objectIdStr
swfobject.embedSWF(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr,
)19 ........................................................................................... flashvarsObj, parObj, attObj, callbackFn
)(21 ..................................................................................................... swfobject.getFlashPlayerVersion
)21 .................................................................................... swfobject.hasFlashPlayerVersion(versionStr
)22 ............................................................................................................... swfobject.addLoadEvent(fn
)22 ....................................................................................................... swfobject.addDomLoadEvent(fn
)23 ................................................................... swfobject.createSWF(attObj, parObj, replaceElemIdStr
)24 .................................................................................................swfobject.removeSWF(objElemIdStr
1
SWFObject
SWFObject ,HTML
HTML .
SWF HTML .
01 , 9.3.
SWFObject 1.5 UFO .
.
SWFObject
.
, HTML ,
.
.
.
.
SWFObject
SWFObject 2 HTML
4
.
,DOM
> <object HTML
.
SWFObject 2 4
static publishing method
HTML ,
HTML.
,dynamic publishing method HTML
,
SWFObject .UFO
4
.HTML
.
,
4
o ,
.
o Sony PSP .
o RSS .
4
.flashVars
" " IE 6/7 +3
IE .8112
SWFObject
HTML :1
clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
4 object 4type
application/x-shockwave-flash
, .
HTML
( object 4.
.id
.name
.class
.align
4
http://www.w3schools.com/tags/tag_object.asp
param , 4
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701
.play
.loop
.menu
.quality
.scale
6
.salign
.wmode
.bgcolor
.base
.swliveconnect
.flashvars
..http://kb2.adobe.com/cps/133/tn_13331.html( devicefont
..http://kb2.adobe.com/cps/164/tn_16494.html( allowscriptaccess
4seamlesstabbing
http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html
4allowfullscreen
http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html
4allownetworking
http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.
htm?context=LiveDocs_Parts&file=00001079.html
,
object
, , .
:2 SWFObject HTML
SWFObject .
DOM .DOM
4onload
"<!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 2</title
><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /
><script type="text/javascript" src="swfobject.js"></script
></head
><body
><div
"<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780
>"height="420
><param name="movie" value="myContent.swf" /
><!--[if !IE]>--
"<object type="application/x-shockwave-flash" data="myContent.swf" width="780
>"height="420
><!--<![endif]--
><p>Alternative content</p
><!--[if !IE]>--
></object
><!--<![endif]--
></object
></div
></body
></html
:3 SWFObject SWFObject
id object ,
4swfobject.registerObject
.0 id , id object
.
.8 .
, .
major.minor.release.build SWFObject
, WIN 9,0,18,0 Shockwave Flash 9 r18
8
4
SWFObject HTML and JavaScript
4
http://code.google.com/p/swfobject/wiki/generator
0 9 SWF .
object
).swfobject.getObjectById(objectIdStr
SWFObject
HTML
:1
SWFObject
HTML
.
div 4id
"<!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 1</title
><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /
></head
><body
>"<div id="myContent
><p>Alternative content</p
></div
></body
></html
:2 SWFObject HTML
SWFObject .
DOM .DOM
4onload
10
:3
SWFObject 4
swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl,
)flashvars, params, attributes, callbackFn
; ; 4
,swfUrl .SWF URL
,id , id HTML
.
,width .
,height .
,version
, major.minor.realease major.
,expressInstallSwfUrl URL
.
6.0.65 Win ,Mac
object 310px * 137px .
,flashvars .name:value
11
4
http://www.w3schools.com/tags/tag_object.asp
4id object id
.
.align
.name
.styleclass
12
.class
IE ECMA4 class 4
styleclass SWFObject ,class class
.object class styleclass ,class
var attributes = {
id: "myId",
align: "left",
styleclass: "myclass"
};
4styleclass class
var attributes = {
id: "myId",
align: "left",
"class": "myclass"
};
4 , param
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701
.play
.loop
.menu
.quality
.scale
.salign
.wmode
.bgcolor
.base
.swliveconnect
.flashvars
..http://kb2.adobe.com/cps/133/tn_13331.html( devicefont
..http://kb2.adobe.com/cps/164/tn_16494.html( allowscriptaccess
13
4seamlesstabbing
http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html
4allowfullscreen
http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html
4allownetworking
http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.
htm?context=LiveDocs_Parts&file=00001079.html
object params flashvars
4
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0",
"expressInstall.swf", flashvars, params, attributes);
4 name:value
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);
var flashvars =
flashvars.name1
flashvars.name2
flashvars.name3
{};
= "hello";
= "world";
= "foobar";
14
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);
,{} false
.null 1 SWFObject 2.1
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);
flashvars , flashvars
4params
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);
15
SWFObject 2 application/xhtml+xml
SWFObject 2 ,XML MIME .
4
.
, IE ,
HTML .HTML 5
.
SWFObject
SWFObject 2
.
)swfobject.registerObject(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn
HTML
HTML.
4objectIdStr id object
.
4swfVersionStr
.
major.minor.release.build
SWFObject . WIN 9.0.18.0
IE Shockwave Flash 9 r18 , 9.0.18 .
Major Minor Release 3
.9.0.0
17
4 xiSwfUrlStr
Adobe Express Install URL SWF .
.
expressinstall.swf .SWFObject 2
expressinstall.fla AS SRC
.
6.0.65 Windows .Mac
swf .310px * 137px
4callbackFn
.SWF callbackFn 4
} function callbackFn(e) { ...
e 4
18
)swfobject.getObjectById(objectIdStr
Static Publishing
)( .swfobject.registerObject object .
object SWF object ,HTML
id name .
IE Windows object
.IE
Opera Safary object .
Firefox object .
object 4
id object .
)( swfobject.getObjectById object.
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_com.html
swfobject.embedSWF(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr,
)xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn
HTML ,
.Dynamic Publishing
4swfUrl URL SWF .
4id id HTML
.
4width .SWF Width
4height .SWF Height
19
4version
.
major.minor.release.build SWFObject
. WIN 9.0.18.0 IE
Shockwave Flash 9 r18 , 9.0.18 .
Major Minor Release 3 .9.0.0
4expressInstallSwfUrl
Adobe Express Install URL SWF
.
. expressinstall.swf .SWFObject 2
expressinstall.fla AS SRC
.
6.0.65 Windows
.Mac swf .310px * 137px
4flashvars .name:value
4params params object
.name:value
4attributes object .name:value
4callbackFn
. callbackFn
4
} function callbackFn(e) { ...
e 4
major, 9
major.minor.release.build ,minor, release
IE WIN 9.0.18.0 . SWFObject
. 9.0.18 , Shockwave Flash 9 r18
.9.0.0 3 Release Minor Major
// returns a JavaScript object
var playerVersion = swfobject.getFlashPlayerVersion();
// access the major, minor and release version numbers via their respective properties
var majorVersion = playerVersion.major;
var minorVersion = playerVersion.minor;
var releaseVersion = playerVersion.release;
4
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_getflashplayerve
rsion.html
swfobject.hasFlashPlayerVersion(versionStr)
{ ))"if (swfobject.hasFlashPlayerVersion("9.0.18
// has Flash
}
{ else
// no Flash
}
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_hasflashplayerve
rsion.html
)swfobject.addLoadEvent(fn
onload ,
, James Edwards 4
http://brothercake.com/site/resources/scripts/onload/
{ )(function sayHi
;)"!alert("Hi
}
;)swfobject.addLoadEvent(sayHi
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_addloadevent.ht
ml
)swfobject.addDomLoadEvent(fn
DOM ,
Gecko Firefox IE Opera +3 .Safary
.addLoadEvent Dean Edwards 4
http://dean.edwards.name/weblog/2006/06/again/
{ )(function sayHi
;)"!alert("Hi
22
}
;)swfobject.addDomLoadEvent(sayHi
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_adddomloadeve
nt.html
)swfobject.createSWF(attObj, parObj, replaceElemIdStr
object ,SWF
4
4attObj name:value
object 4
http://code.google.com/p/swfobject/wiki/documentation
4parObj name:value param
object 4
http://code.google.com/p/swfobject/wiki/documentation
4replaceElemIdStr id HTML
.
.object DOM
. 4
classid:D27CDB6E-AE6D-11cf-96B8-444553540000
SWFObject .Windows
type:"application/x-shockwave-flash" SWFObject
.Windows
codebase:http://download.macromedia.com/pub/shockwave/cabs/flash/swflash
,.cab#version=6,0,0,0 .
23
4 param
SWFObject , object data 4movie
.Windows
<!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 - low level dynamic publishing example</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">
if (swfobject.hasFlashPlayerVersion("6.0.0")) {
var fn = function () {
var att = { data: "test.swf", width: "780", height: "400" };
var par = { flashvars: "foo=bar" };
var id = "replaceMe";
var myObject = swfobject.createSWF(att, par, id);
};
swfobject.addDomLoadEvent(fn);
}
</script>
</head>
<body>
<div id="replaceMe">Alternative content</div>
</body>
</html>
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_createswf.html
4 object
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_createswf_com.
html
swfobject.removeSWF(objElemIdStr)
4
24
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_create_remove.
html
)swfobject.createCSS(selStr, declStr, mediaStr, newStyleBoolean
.SWF
4 mediaStr .screen
4newStyleBoolean ,Boolean
head .
2.2 SWFObject .
{ ))"if (swfobject.hasFlashPlayerVersion("6.0.0
// Overwrite regular CSS used for alternative content to enable Full Browser Flash
;)";swfobject.createCSS("html", "height:100%
;)";swfobject.createCSS("body", "margin:0; padding:0; overflow:hidden; height:100%
;)";swfobject.createCSS("#container", "height:100%
}
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_createcss.html
4
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_createcss2.html
)swfobject.getQueryParamValue(paramStr
paramStr URL ,
[\"<>.;]
http://www.yoururl.com/?foo=bar&abc=123
4flashvars SWF
var flashvars = {};
if (swfobject.getQueryParamValue("foo") && swfobject.getQueryParamValue("abc")) {
flashvars.foo = swfobject.getQueryParamValue("foo");
flashvars.abc = swfobject.getQueryParamValue("abc");
}
var params = {};
var attributes = {};
wfobject.embedSWF("myContent.swf", "altContent", "100%", "100%", "9.0.0",
"expressInstall.swf", flashvars, params, attributes);
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_getqueryparamv
alue2.html?abc=123&foo=bar
swfobject.switchOffAutoHideShow()
,SWFObject show/hide /
4swfobject.embedSWF swfobject.registerObject
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.switchOffAutoHideShow();
swfobject.embedSWF("test.swf", "myContent", "300", "120", "9", "expressInstall.swf");
</script>
Static Publishing
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test3.html
Dynamic Publishing
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_dynamic3.html
swfobject.showExpressInstall(att, par, replaceElemIdStr, callbackFn)
.
name:value 4attObj
4 object
26
http://code.google.com/p/swfobject/wiki/documentation
param name:value 4parObj
4 object
http://code.google.com/p/swfobject/wiki/documentation
HTML id 4replaceElemIdStr
.
4 callbackFn
callbackFn .
4
function callbackFn(e) { ... }
4 e
27
}
}
swfobject.addDomLoadEvent(fn);
</script>
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_express_install.h
tml
SWFObject
4 SWFObject 2.2+
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
function test() {
var output = "swfobject.ua.w3 = " + swfobject.ua.w3;
output += "\nswfobject.ua.pv[0] (major version) = " + swfobject.ua.pv[0];
output += "\nswfobject.ua.pv[1] (minor version) = " + swfobject.ua.pv[1];
output += "\nswfobject.ua.pv[2] (release version) = " + swfobject.ua.pv[2];
output += "\nswfobject.ua.wk = " + swfobject.ua.wk;
output += "\nswfobject.ua.ie = " + swfobject.ua.ie;
output += "\nswfobject.ua.win = " + swfobject.ua.win;
output += "\nswfobject.ua.mac = " + swfobject.ua.mac;
alert(output);
}
swfobject.addLoadEvent(test);
</script>
http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_ua.html
swfobject.ua.w3
. Windows IE Boolean
28
swfobject.ua.win
Boolean Windows .
swfobject.ua.mac
Boolean Mac .
29