Insertar una swf como fondo

grezielt · #1 (**permalink**) 20/01/2008, 10:16

Hola

Quisiera poner como fondo de a una pelicula swf en un div o layer o tabla, se podra hacer con css ??? yo uso joomla y el theme es full CSS http://www.punoinfo.com

gracias

JavierB · #2 (**permalink**) 20/01/2008, 10:24

Mola grezielt

Me temo que no se puede.

Saludos,

jose-manuel · #3 (**permalink**) 21/01/2008, 19:46

Hola grezielt

Yo he logrado colocar imagenes y texto sobre un swf. La declaracion de los parametros del swf la coloco en un div y luego defino otro div que tiene las imagenes y texto. Ambos divs tienen las mismas dimensiones y ocupan el mismo espacio uno sobre el otro.

Ejemplo con 2 imagenes sobre un swf:

<div id="contenidoTop">
<div class="swftop">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="750" height="190" align="right">
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000033" /><param name="SCALE" value="exactfit"><param name="SRC" value="~espigas.swf">
<embed src="~espigas.swf"
width="750" height="190" align="right" quality="high" bgcolor="#000033" wmode="transparent" scale="exactfit" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</div>

<div id="myTopMapa">
<img src="gif-mapa.gif" width="180" height="100">
</div>

<div id="myTopOvice">
<img src="gif-ovice.gif" width="100" height="44">
</div>

Espero haber entendido tu pregunta y que esta respuesta les sirva.

degochan · #4 (**permalink**) 29/09/2008, 12:57

hola he tratado de hacerlo pero en vez de images tengo links con clases y me coloca por detras del flash
que estoy haciendo mal

wilo087 · #5 (**permalink**) 12/05/2010, 16:00

ya pude enviar los flash al fondo, hay les va

estoy llamando el flash desde un script así:

en el html, justo donde vá el SWF ponen:

<script type="text/javascript" src="aquiponestuscript.js"></script>

el script:

document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="395" height="91">')
document.write('<param name="movie" value="aquiponestuflash.swf">')
document.write('<param name="quality" value="high">')
document.write('<param name="wmode" value="transparent">')
document.write('<embed src="aquiponestuflash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="395" height="91" wmode="transparent"></embed>')
document.write('</object>')

F_100_Joe2 · #6 (**permalink**) 13/05/2010, 13:25

poner imagen swf de fondo es imposible...
solamente podes hacer una web %100 flash en su totalidad..., ir a dramveawer e insertarla en el mismo

aleg_awd · #7 (**permalink**) 05/10/2010, 10:28

Cita:

Iniciado por F_100_Joe2

poner imagen swf de fondo es imposible...
solamente podes hacer una web %100 flash en su totalidad..., ir a dramveawer e insertarla en el mismo

Y lo imposible se hizo realidad jajajajaja

http://www.fullscreentube.com/

No solo es cuestion de opinar por opinar sino al menos estar un poquito informados. O me diras que es un gif animado el fondo jajajaja.

Saludos

mariomon17 · #8 (**permalink**) 05/10/2010, 11:10

Guau! y como icistes para q no t tarde mucho en cargar?
Bueno, y ¿COMO LO ICISTES?

kseso? · #9 (**permalink**) 05/10/2010, 11:56

Lo imposible se ha simulado. Es sólo una apariencia. El vídeo no está colocado como fondo (background) de ningún elemento, ya que como muy bien han indicado, hoy por hoy no se puede.
Está en el html (al inicio de todo) como un objeto y posicionado como fixed:

Cita:

#bgVideo, #bgVideo2 {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
}

y para que respete la posición en la vertical (bajo #main) el flash declara:

Cita:

También admite como valor /transparente/

Código HTML:

Ver original<body>
<object id="bgVideo" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
    <param name="movie" value="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=bgVideo" />
    
    <param name="allowFullScreen" value="false" />
    <param name="allowScriptAccess" value="always" />
 
    <param name="wmode" value="opaque" />
    <param name="bgcolor" value="#000000" />
    <param name="menu" value="false" />
    
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=bgVideo2" width="100%" height="100%" id="bgVideo2">
        <param name="allowFullScreen" value="false" />
        <param name="allowScriptAccess" value="always" />
        <param name="wmode" value="opaque" />
        <param name="bgcolor" value="#000000" />
 
        <param name="menu" value="false" />
    </object>
    <!--<![endif]-->
</object>
 
<div id="main">

Supongo que algo más habrá (vía algún js) para funcionalidad, por ejemplo. Pero no lo miré tan a fondo.

mariomon17 · #10 (**permalink**) 09/10/2010, 19:16

Hablando de esto, seria interesante añadir esta posibilidad a HTML5 o a CSS3, verdad?
Si ya no lo esta.

pisopower · #11 (**permalink**) 03/05/2011, 06:33

Podeis echar un ojo también en http://blog.pabloestornut.com/colocar-un-flash-como-background-con-css/

mariomon17 · #12 (**permalink**) 03/05/2011, 10:32

Queda un efecto muy bueno