EMBEDDING OBJECTS AND STORING INFORMATION - HTML5 - page 317

Figure 15-6: A Flash animation.

You can place the animation into a Web page in a number of dif erent ways, but the easiest is
to publish it in Flash, which automatically generates a Web page with a reference to the binary
i le in a .swf format. In browsers with Flash plug-ins, which is virtually all browsers — they
ship (or download) with the Flash plug-in included — the following code ( ShootingStar.
html in this chapter's folder at www.wiley.com/go/smashinghtml5 ) shows the object
in an HTML5 wrapper.

< ! DOCTYPE HTML >
< html >
< head >
< title > ShootingStar </ title >
< meta http-equiv = “Content- Type ” content = “ text / html; charset = UTF- 8 ” >
< style type = “ text / css” media = “screen” >
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</ style >
</ head >
< body >
< div id = “flashContent” >
< object classid = “clsid:d27cdb6e-ae6d-11cf-96b8- 444553540000 ”
width = “ 300 ” height = “ 200 ” id = “ShootingStar” align = “middle” >
< param name = “movie” value = “ShootingStar.swf” />
< param name = “quality” value = “high” />
< param name = “ bgcolor ” value = “#ffffff” />
< param name = “play” value = “true” />
< param name = “loop” value = “true” />
< param name = “wmode” value = “window” />
< param name = “scale” value = “showall” />
< param name = “menu” value = “true” />
< param name = “devicefont” value = “false” />
< param name = “salign” value = ““ />
< param name = “allowScriptAccess” value = “sameDomain” />
< !--[if !IE] > -- >
< object type = “application / x-shockwave-flash” data = “ShootingStar.

321