#swfobject

[londoner25-codememo-blog]

SWFobjectを使う際のスニペット

<object id="[id]" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="[横幅]" height="[高さ]"> <param name="movie" value="[Flashのパス]"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="[Flashのパス]" width="[横幅]" height="[高さ]"> <!--<![endif]--> [代替コンテンツの中身] <!--[if !IE]>--> </object> <!--<![endif]--> </object>

[kazu69]

[kazu69]

[stolpnik]

[yuraloginoff]

SWFObject transparency

То enable transparency with SWFObject add the following: 

fo.addParam("wmode", "transparent");

For example:

var fo = new SWFObject("viewer.swf", "viewer", "580px", "400px", "8", "#000000"); fo.addVariable("xmlURL", "gallery.xml"); fo.addParam("wmode", "transparent"); fo.write("flashcontent");

[super1ris]

Embebiendo con SwfObject al 100% en Firefox

Este es un problema que he tenido bastante frecuentemente y por cuestiones de prisa, nunca había investigado bien en una solución completa.

Cuando se embebe un swf con SwfObject al 100%, resulta que en Firefox no se ve nada. Lejos de ser un problema del embebido, es más bien una situación de estándares y de CSS. 

Firefox interpreta los porcentajes de forma muy estricta y se basa en el porcentaje del contenedor del objeto: es decir, para que el div donde se encuentra el swf se estire al 100%, tanto éste como sus padres deben medir 100% para conseguir un porcentaje real.

De modo que, si con CSS se define el height y el width en 100% tanto para el html, el body y los divs que contengan el swf en cuestión, el problema se soluciona. 

Fuente y ejemplos: http://code.google.com/p/swfobject/wiki/faq

[super1ris]

Escondiendo un swf embebido con SwfObject

Utilizando SwfObject para embeber un swf, quería ocultarlo de primera instancia mediante CSS cuando me di cuenta que esto no funcionaba. Investigando, descubrí que dado que estaba usando el método dinámico, el SwfObject sobreescribía el div que le colocas como parámetro con el <object> por lo que técnicamente el div estilado dejaba de existir. 

Así que hay de dos: o me refiero en el CSS al id del <object> creado, o (más fácil) creo un contenedor para el div que será reemplazado, al cual le aplicaré el estilo para ocultarlo (o cualquier otro que fuera necesario). 

Nota*: Esto no sucede en el método estático del SwfObject

[harvesta-inc-blog]

ページの背景にFlashを表示

htmlページの背景にflashムービーを配置。

<div id="content">     ＊＊＊＊＊＊＊＊＊＊ </div> <div id="flash">     <p id="htmlver">＊＊＊＊＊＊＊＊＊＊</p>     <script type="text/javascript">         var flashvars = {             nowPname: "bgFlash"         };         var params = {             menu: "false",             wmode: "transparent"         };         var attributes = {};         swfobject.embedSWF("***.swf","htmlver","100%","100%","8","expressInstall.swf",flashvars,params,attributes);     </script> </div>

div#content {     position: absolute;     top: 80px; left: 0;     width: 100%;     z-index: 10; } div#flash {     position: fixed;     top: 0; left: 0;     margin: 0;     width: 100%; height: 100%;     z-index: 1; }

swfobjectを使っています。