Insertar SWFs en Blogger

  • 02/10/2007
  • 10:15 am
  • unijimpe

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:

HTML:
  1. <object type="application/x-shockwave-flash"
  2.      id="movie"
  3.      data="rutaarchivo.swf"
  4.      width="ancho"
  5.      height="alto">
  6.   <param name="movie" value="rutaarchivo.swf">
  7. </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.

HTML:
  1. <object type="application/x-shockwave-flash"
  2. id="movie" data="header.swf" width="700" height="80">
  3. <param name="movie" value="header.swf">
  4. <param name="wmode" value="transparent">
  5. <param name="quality" value="low">
  6. </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:

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

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

Posts Relacionados

Total de Comentarios: 11

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

Gracias por el dato, me va ser muy util.

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

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

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
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
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
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

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

23/06/2008
11:52 am

Que buen tutorial brother, me da gusto averlo encontrado

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
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???

Enviar Comentario

(*)

(*)