Insertar SWFs en Blogger

Una tarea común para muchos bloggers es insertar archivos Flash en blogs alojados en www.blogger.com, para ello les damos las pautas necesarias para insertar adecuadamente SWFs en blogger.

Sintaxis básica
Lo esencial para insertar archivo SWF es incluir el tag object como en el siguiente código, donde rutaarchivo.swf es la ruta al archivo swf a insertar:

<object type="application/x-shockwave-flash"
     id="movie" 
     data="rutaarchivo.swf"
     width="ancho"
     height="alto">
  <param name="movie" value="rutaarchivo.swf">
</object>

Adicionalmente a esto se puede agregar varios parámetros utilizando el tag param. Por ejemplo podemos agregar el modo de transparencia (wmode), calidad (quality), color de fondo (bgcolor), variables (flashvras) entre otros.

Ejemplo
Si deseamos insertar un SWF llamado header.swf que tiene como dimensiones 700 x 80 pixels y deseamos que tenga fondo transparente y en baja calidad, tendríamos el siguiente código.

<object type="application/x-shockwave-flash" 
id="movie" data="header.swf" width="700" height="80">
<param name="movie" value="header.swf">
<param name="wmode" value="transparent">
<param name="quality" value="low">
</object>

Insertar un vídeo de Youtube
Aprovechamos que estamos insertando SWF en blogger y veamos la forma de insertar videos de Youtube en Blogger. Sea que tenemos un video con url http://www.youtube.com/watch?v=8C7SxYzDNZk luego para insertar este video tenemos:

<object type="application/x-shockwave-flash" 
width="425" height="350" id="movie" 
data="http://www.youtube.com/v/8C7SxYzDNZk">
<param name="movie" value="http://www.youtube.com/v/8C7SxYzDNZk">
<param name="wmode" value="transparent">
</object>

Así de rápido y sencillo con código no redundante y valido para todos los navegadores. Espero les sea de provecho.

Comentarios Total 34 comentarios

Mr.Man
Publicado: 02/10/2007 10:51 pm

Gracias por el dato, me va ser muy util.

ParaBlogs
Publicado: 05/10/2007 1:03 am

muy buen tutorial…. hay un post referido al mismo en el cual menciono que es tuyo. Por el momento no lo publique así que no lo podrás ver. Antes de publicarlo, quiero saber si aceptas la publicación del mismo.
Espero tu respuesta. Parablogs

unijimpe
Publicado: 05/10/2007 8:13 am

NO hay ningún problema en que escribas sobre los mismo y basado en este post, solo tienes que poner de donde obtuviste la información.
Saludos

Manolo
Publicado: 08/10/2007 1:42 pm

Vamos a ver amigo. Yo soy un poco torpe y necesito un poco más de claridad respecto a como insertar un fichero flash en una cabecera. Hablas de sustituir donde dice: “rutaarchivo.swf”, y remplazarlo por el nombre del archivo subido. Supongo que te refieres a archivo subido a Blogger en forma de video para una entrada. bien yo ya he subido mi video .wmv que funde dos imágenes, a lo que Blogger me da el código siguiente:

«»

Este código es perfecto para ver el fichero de vídeo en la entrada, pero veamos, ¿cual es la parte de este código que tengo que poner en el código que me facilitas para que vea mi vídeo en el lugar de la cabecera ??.

Te agradecería una respuesta clara porque he leído ya varios tutoriales parecidos y con ninguno consigo los resultados que anuncian.

Gracias

oskar
Publicado: 31/12/2007 6:29 am

No me funciona y no sé porqué.
He alojado el archivo swf en imageshack en rutaarchivo.swf he puesto esa ruta es un 640×480 uso firefox y blogger llevo dias intentandolo y no consigo mas que un recuadro blanco de 640×480.

simon
Publicado: 27/04/2008 4:41 pm

hola, intento hacer un blog podcast, en blogger. Para eso pretendo poner un reproductor mp3 flash, pero no tengo como subir el «reproductor.swf» asi que tambien lo unico que obtengo es un cuadrito blanco

carlos
Publicado: 18/05/2008 4:11 pm

he logrado insertar un archivo swf en blogger pero no puedo modificar las dimensiones del mismo. cuando cargo el blog aparece muy pequeño

jokeer
Publicado: 15/06/2008 11:47 pm

CHE PETON , no ves que anadie le sirve, yo veo un cuadradito blanco nomas, hay q ser paja para poner un solucion que no soluciona nada…..

amistosamente, JokEEr

javier
Publicado: 23/06/2008 11:52 am

Que buen tutorial brother, me da gusto averlo encontrado

Andrés
Publicado: 04/07/2008 4:01 pm

Solo una pregunta: Como hago para que los botones efectivamente funcionen redireccionando? Porque cargar el swf en blogger es sencillo. Pero los botones no redireccionan a los links que les asigné. ¿que estoy haciendo mal?

DiegO
Publicado: 03/10/2008 1:13 am

pregunto lo mismo que andres, puedo insertar un swf, pero no funcionan los links que tiene cada boton, hay una solucion para esto???

Vindex
Publicado: 12/10/2008 2:42 am

Para insertar videos en mi blog yo en realidad hago lo siguiente.
•Para archivos flash uso el Flash Saver v6.50, con el que guardo el o los videos que me gusten o que necesite, y de ahí se me guardan en un archivo que subo al blog. A veces toma y a veces me la banco que no tome.
•Para videos comunes: AresTube. Ya saben, bajo con ese y luego lo cargo al blog, etc etc.

Igualmente gracias por la info . Por ahí cuando tenga un rato libre practico con estos codigos ;)

LoRe!!
Publicado: 18/11/2008 10:05 am

aparece un punto porke donde dice ancho y alto tienen ke poner un numero giles!!jaj
pero igual no funka anda a saber como es esta porkeria no se mas ke intentar.Supuestamente hay ke poner la url directa pero igual m aparece un cuadro blanko ayudaaaaaaa!!si saben la solucion mandenme un meil!!gracias lorej15@hotmail.com

Kapsula
Publicado: 25/03/2009 8:23 am

Gracias por esta INFO. No saben de cuanta ayuda me sirvio.
Soy novato en html. pero le stoy sacando provecho!!! THANKS!!!
JE EJEJEJ

Williams
Publicado: 25/03/2009 12:57 pm

Pregunto lo mismo ke andres y Diego
los links que tiene cada boton no funcionan….
Grx…

unijimpe
Publicado: 25/03/2009 2:02 pm

Para que los links funcionen correctamente debes colocar URLs absolutas a los enlaces de tus botones, por ejemplo:

http://tuwe.com/section.php

Carlinho
Publicado: 23/04/2009 7:07 am

Como siempre unijimpe pedazo de tutorial, Me sirvio de gran ayuda.

Practicando y probando, me di cuenta que si el flash que quieres insertar necesitar cargar algun archivo xml, no se porque, no cargaba bien la película.

No se si eso le pasa alguien más. Lo solucione insertando un iframe con src apuntando a la pelicula flash. Ejemplo:

«»

Espero que os sirva. Saludos

http://carlinho-chisposo.blogspot.com

rita
Publicado: 04/05/2009 11:57 pm

hola, muchas gracias, es más que funcional.

Facundo
Publicado: 10/06/2009 2:09 am

Amigo, tengo la misma duda que los chicos, para abrir un link desde el swf insertado ?

wasinton
Publicado: 19/06/2009 1:52 pm

Lo que no se es donde pego el codigo, lo que quiero es que quede como cabecera…

osea cuando voy a edit html, hay varias secciones Head, body… donde pego el codigo para que quede como cabecera??

Muchas gracias

Mérido
Publicado: 10/07/2009 12:06 pm

Donde Puedo Alojar El Archivo .swf?

Esteban
Publicado: 22/07/2009 8:34 am

puedes alojar tu swf aqui – http://img7.xooimage.com/fr/

Montse
Publicado: 02/08/2009 12:22 pm

Muchas gracias. Tus explicaciones me han sido muy útiles para insertar directamente Flash en el blog de mi ciclo escolar.

cicle-inicial

León
Publicado: 28/08/2009 10:49 pm

Todo muy lindo, se me ve perfecto, pero hay un problema, el swf que yo hice son tres ventanas tipo boton con links a mis otros blogs, puedo verlo bien, incluso presionar en los botones, pero no me llevan a ningun lado :(

QUe puede ser??? necesito otro tipo de codigo??

León
Publicado: 28/08/2009 10:51 pm

me olvidaba de decir que probe el swf antes de subirlo y anda perfectamente, mi miedo era que quiza por cuestiones de privacidad mi pagina host de archivos (fileden) no me dejara ejecutar las url.

Me gustaria poder saber que hacer, desde ya millones de gracias

leo
Publicado: 12/10/2009 12:04 pm

saludos necesito saber en que parte pego el codigo para mi flash??lo quiero colocar en la cabecera..por favor esplicar lo mas claro posible ya q no se mucho d esto..si pueden ponga un ejemplo

maxhenrry
Publicado: 26/05/2010 5:35 pm

es pusible que un swf crear por uno mismo sea insertado en el hi5 ,, por que solo permite swf de youtube, slide y otros menos de uno mismo :(

Foolish
Publicado: 20/06/2010 12:08 am

Hola, a mi tambien me sale un cuadrito blanco. ¿Me podrían recomendar cónde guardar mis archivos swf para poder ngresar una url?

unijimpe
Publicado: 20/06/2010 12:45 am

Para los usuarios a los cuales no les funciona los enlaces, es por que por defecto cuando se embebe SWF desde otros dominios se bloquean los enlaces y carga de archivos externos para resolverlo es necesario agregar el parámetro allowScriptAccess con el valor always, con lo cual el código quedaría de la forma:

<object id="movie" type="application/x-shockwave-flash"
data="ruta-archivo.swf" width="ancho" height="alto">
<param name="movie" value="ruta-archivo.swf" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
</object>

Si desean saber como utilizar servicios gratuitos para alojar los SWFs para publicarlo en blogger pueden leer: http://2webfacil.com/publicar-swf-en-blogger/

jose
Publicado: 14/10/2010 6:40 pm

hola
tengo una pregunta muy tonta…
en k parte de la edicion del html coloco estos codigos, ya entre en artilugios y reviso por header-wrapper
pero de ahi no se donde
saludos y gracias

Farid
Publicado: 05/04/2011 7:11 am

¡Muchas Gracias! funcionó perfectamente

o0 LG 0o
Publicado: 28/07/2011 3:16 am

Muchísimas gracias me a servido de mucho =) llevaba 3 dias intentando poner mi swf en mi pagina pero no me funcionaban los links de los botones.

deberían de updatear la guía y poner eso de allowScriptAccess

ricardo
Publicado: 01/08/2011 12:39 am

Eso sirve para esas animaciones de un solo archivo el SWF, pero en mi caso tengo el SWF, dos XML, un JS, htm, CSS, y imagenes por separado… logre hostear todos los archivos en una pagina junta y cuando ejecuto en la nube el SWF se ve a la perfección pero cuando trato de instalarla en mi blog no puedo … ¿serias capaz de ayudarme?

john ochoa
Publicado: 02/02/2012 1:07 pm

Hola, gracias por leer mi pregunta: resulta que no soy muy bueno en esto. apenas empese una radio en mi blog, lo siguiente es: quiero poner un minicaster de southcast pero no he podido llevo varios intentos y nada… me podrias ayudar porfavor,, aqui esta la direccion de mi musica
http://83.142.230.165:20867 y ya no se que hacer te agradeceria muchisimo porfavor si me ayudas a ponerlo hay muchas amistades que no o han podido escuchar

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)