Flash beágyazás és SWFObject
Erről az eszközről lesz most szó, mely hasznos eleme egy fejlesztő eszköztárának. Régebben az alábbi függvényt használtam flash fájlok beágyazására:
1 2 3 4 5 6 7 8 | function InsertSwf(SwfFile,Width,Height) { document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="'+Width+'" height="'+Height+'">\n') document.write('<param name="movie" value="'+SwfFile+'">\n') document.write('<param name="quality" value="best">\n') document.write('<param name="wmode" value="transparent">\n') document.write('<param name="menu" value="false">\n') document.write('<embed src="'+SwfFile+'" width="'+Width+'" height="'+Height+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object>\n') } |
Mely kódot nemes egyszerűséggel így használtam fel:
1 | <script type="text/javascript">InsertSwf('swf/logo.swf',760,160)</script> |
Mostanában azonban valami még egyeszűbb, kifinomultabb megoldást kerestem, mivel néhol a fenti nem volt megfelelő, így került képbe az swfobject, amivel flash fájlokat ágyazhatunk a weboldalunkba. Tartozik hozzá egy igen részletes dokumentácó, melyből látszik, hogy elég univerzális egy eszköz. Használata a következőképp történik:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!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</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="swfobject.js"></script> </head> <body> <div> <script type="text/javascript"> swfobject.embedSWF("flash.swf", "embed", "980", "580", "10.0.0", "expressInstall.swf"); </script> <div id="embed"></div> </div> </body> </html> |
Arra kell mindössze figyelnünk, hogy behúzzuk a scriptet (6. sor), hogy megadjuk a flash fájlunk nevét és méretét (11. sor), illetve a megadott id-vel rendelkező konténer elemet létrehozzuk (13. sor). Amire még figyelnünk kell, hogy a letöltött csomagból az swfobject.js és az expressInstall.swf-et elhelyezzük a projektünkben.
Használatával elkerülhetjük az Eloas-per következményeit. Ami röviden annyi, hogy az ActiveX-kezelőn keresztül betöltendő tartalmakat, pl. a flasheket kattintással kell aktiválnunk.
Köszi