JMiur [E]

Insertar archivos de Flash (SWF):

Si bien Blogger no permite guardar archivos de vídeo, es posible subirlos a algún servidor externo y luego incrustarlos en un post. La forma más común de insertar un archivo de Flash es utilizar un código como este:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="ancho_movie" height="alto_movie">
<param name="movie" value="URL_archivoSWF" />
<embed src="URL_archivoSWF" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="ancho_movie" height="alto_movie">
</embed>
</object>

Como el tag object es usado por Internet Explorer y el tag embed por los otros navegadores lo lógico es agregar ambas instrucciones. Los parámetros mínimos son estos:

src contiene la ubicación del archivo SWF
width y height normalmente son el ancho y el alto de la película (en pixeles) pero puede ingresarse cualquier otro valor o un porcentaje (width="100%")
classid y type indican el tipo de formato a incrustar
codebase si es necesario, indica dónde descargar el plugin necesario para visualizar el archivo

Hay una serie de parámetros no que no son esenciales y que pueden agregarse, ya sea como un atributo dentro dentro del tag embed o como una nueva instrucción en object:
<param name="paramName" value="paramValue" />
bgcolor (#rrggbb): establece el color de fondo (valor hexadecimal)
menu (true, false): habilita o deshabilita el menú contextual
quality (low, medium, high): calidad de salida de la película
scale (showall, noborder, exactfit): forma en que se escalará respecto al bloque HTML
wmode (transparent, opaque): establece si el fondo será transparente

Hay otra grupo de parámetros que pueden ser requeridos pero dependen de la forma en que fué creado el archivo SWF, file (url), autostart (true, false), etc.

Insertar archivos de QuickTime (MOV):

La estructura del código es similar a los anteriores:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="ancho_movie" height="alto_movie">
<param name="src" value="URL_archivoMOV" />
<param name="pluginspage" value="http://www.apple.com/QuickTime/download/" />
<param name="cache" value="true" />
<embed src="URL_archivoMOV" width="ancho_movie" height="alto_movie"
pluginspage="http://www.apple.com/QuickTime/download/indext.html"
bgcolor="#000000">
</embed>
</object>

Y alguno de los parámetros adicionales son:

controller (true, false): define si se muestran los controles para la ejecución (agregar 16 pixeles a height)
autoplay (true, false): determina si comienza inmediatamente se espera que se oprima play en los controles
bgcolor (#rrggbb): establece el color de fondo (valor hexadecimal)

Insertar otros formatos de vídeo:

¿Y qué pasa con otro tipo de formato? Es común insertar vídeos de Google o Youtube que no son otra cosa que proyectores de Flash que cargan un formato de vídeo especial (FLV). Sin embargo, hay otros formatos muy comunes que también pueden insertarse. Para cualquier archivo multimedia, la estructura general sigue siendo la misma, sólo se necesitan el tag object y, eventualmente, el tag embed:

<object data="URLpeliculaMPG" type="video/mpeg"
width="ancho_movie" height="alto_movie">
<param name="src" value="URLpelicula_MPG">
<param name="autoplay" value="false">
<param name="autoStart" value="0">
</object>

<object data="URLpeliculaAVI" type="video/x-msvideo"
width="ancho_movie" height="alto_movie">
<param name="src" value="URLpelicula_AVI">
<param name="autoStart" value="0">
</object>

<object data="URLpelicula_WMV" type="video/x-ms-wmv"
width="ancho_movie" height="alto_movie">
<param name="src" value="URLpelicula_WMV">
<param name="autoStart" value="0">
</object>

La teoría dice que eso es suficiente, que no es necesario indicar un atributo classid ya que type le indica al navegador de qué se trata y es este el que decide el plugin a usar. En la práctica, esto es cierto sólo en parte por lo que es mejor probar, ver y decidir.

En todos los casos, una página que incluya multimedia, debería incluir advertencias y vínculos que indiquen la necesidad de poseer determinados plugins para ser vista en forma correcta. Por ejemplo:
Esta película está en formato QuickTime. Download QuickTime plugin

37 comentarios:

Lanarch  

Muchísimas gracias; costó, pero al fin encontré alguien que lo explicara clarito... :)

Responder
JMiur  

Lo acabo de ver, muy bueno. Sali rápido porque no soy un peluche, tampoco un vampiro (apenas llego a murciélago), y no cumplo ningún otro requisito. Como no encontré la cabina de exterminio, decidí volver a Argentina. No sé qué es peor :-)

Un gran saludo y gracias por el agradecimiento.

Responder
Fer_NTV  

GRACIAS TU AYUDA ME SIRVIO DE MUCHO
http://guardarrailes-asesinos.blogspot.com/

Responder
JMiur  

Me alegro haberte sido de ayuda :)

Responder
Anónimo  

Gracias por tu ayuda, todos los días se aprende algo nuevo y hoy me has enseñado tú ^^

Arigatou =3

Responder
Hector S.  

Hola que tal...

Acerca de esto quisiera preguntar si conoces alguna manera para poner una foto en vez de un archivo .swf, esto cuando el archivo .swf no se encuentre en la ubicación dada.

Gracias.

Responder
JMiur  

No entiendo bien la pregunta. Podrías poner una imagen como un enlace cualquiera, por ejemplo:

<a href="archivoSWF">
<img src="URL_imagen"/>
</a>

Pero, necesitaría que me aclararas un poco más.

Responder
what do you want  

Muy buenas amigo
me gustaria que porfavor me respondiera por que cuando intento insertar un swf me sale lo sigiente

Su HTML no es aceptable: Tag is broken:

le agradezco su atencion

Responder
JMiur  

Es difícil responderte sin ver el código pero, por lo general, eso ocurre cuando las etiquetas no están cerradas correctamente.

Fíjate que PARAM tenga una barra final:
<param ........... />
y que EMBED tenga una de cierre:
<embed ........... > </embed>

Si no lo encuentras, mándame un mail con lo que escribes.

Responder
Mr Prado  

JMIur, ¿cómo hago para alinear los videos de YouTube incrustados en mi blog al centro? Yo simplemente copio el código "embed" que me aparece en la correspondiente página del vídeo en YouTube pero no se que parámetro variar para ajustarlo al centro y que no me quede un margen derecho tan amplio como el que me sale ahora.

Gracias por adelantado, un saludo.

Responder
JMiur  

Los puedes centrar como cualquier otro elemento, pero, debes hacerlo desde el código HTML.

Al inicio del códifo que uses para el video, colocas:
<div style="text-align:center;">

y al final:
</div>

Todo quedaría en una misma línea.

<div style="text-align:center;"> xxxxxxxx </div>

Responder
Esmeralda  

Muchas gracias por tu explicación!!Soy principiante en esto de HTML,y con ayuda como la que das en tu blog, puedo aprender muchísimo.

Responder
JMiur  

Me alegra que te sea útil, Esmeralda :)

Responder
Mr Prado  

JMiur tengo un problema al insertar un swf en mi blog.

Simplemente he copiado el código que nos indicas (estableciendo los parámetros url y las dimensiones) pero no me aparece del todo correcta la visualización.


Lo he puesto en el blog de pruebas:
http://mrprado.blogspot.com/
A ver de que puede ser.

Muchas gracias, un saludo.

Responder
JMiur  

Hay un par de errores, veré si puedo explicarlo aquí, sino de entiende, me envias un mail.

Primero que nada, en Blogger, todo el código debe estar en una sola linea, no debe haber saltos de linea, será incomodo pero inevitable.

URL_archivoSWF está en dos lugares, faltaría ponerlo en uno.

De cualquier manera, el código puede simplificarse utilizando este otro:

<object width="ancho" height="alto" id="movie"
type="application/x-shockwave-flash"
data="URL_archivoSWF">
<param name="movie" value="URL_archivoSWF" />
<param name="wmode" value="transparent" />
</object>

También todo en una sola linea y reemplazando lo que está en negrita por los datos.

Responder
Mr Prado  

Como siempre, "perfect".

Mil gracias.

Responder
Pablo  

Excelente como siempre. Ahh, me gustaría intercambiar enlaces o algo porque si bien tengo como blogger ayuda a Gem@ que bien conocerás, se me cayó la alternativa que tenía (El Blog de Cesar) y quiero tener a Vagabundia en mi sitio. Qué te parece??

Saludos

Responder
JAIDER  

jmiur:
Como hago el paso a paso para subir un SWF de mi pc a mi blog.
Gracias.

Responder
JMiur  

En Blogger, directamente, no se puede. debes subirlo a un servicio externo que los acepte.

Por ejemplo:
ImageShack
Fileden

Allí te darán la dirección URL del SWF que es la que usarás para incrustarlo en un post.

Responder
...  

como hacer para que los codigos de boton dentro del swf vinculen con otras paginas de blogspot

Responder
JMiur  

Eso debe estar incluido en el archivo SWF y debe crearse de esa manera.

Responder
Lucas  

mil gracias me re sirve, un pregunta ¿se puede crear un boton como un play o un stop para ver los swf sin recurrir a un reproductor?
saludos y gracias

Responder
JMiur  

Los SWFs no requieren un reproductor, se insertan directamente en la página. No entiendo bien al pregunta, Lucas.

Responder
Anónimo  

si yo quiero detener la animacion, ¿se puede hacer un boton para detenerla? y otro boton para hacerla correr
gracias
lucas

Responder
JMiur  

La animaciones de Flash sól ose controlan desde dentro de Flash así que, salvo que haya sido creada de ese modo, no hay forma de hacerlo.

Responder
Bonzu Pipinpadaloxicopolis III  

¿No tentrás un código para SWF mas actualizado?

Responder
JMiur  

Los códigos siguen siendo los mismos, eso no ha cambiado. Eventualemnte, puede eliminarse el uso de EMBED y usar sólo OBJECT. Todo lo demás sigue vigente, el uso de PARAM etc etc.

Responder
Bonzu Pipinpadaloxicopolis III  

Sólo decía por lo del enlace de macromedia que lleva a http://get.adobe.com/es/flashplayer/

Responder
JMiur  

Todos los datos como classid, codebase, pluginspage, etc, son irrelevantes No tienen ninguna función en los navegadores modernos que sólo requieren un dato:
type="xxxxxxxxx"
que es el que identifica el tipo de archivo. Por eso, fíajete en el post que te indiqué donde se muestra el código válido, genérico, para cualquier tipo de objeto de Flash.

Responder
Santo Verdinegro  

la verdad muy bueno exelente tu blog tus aportes son impresionantes gracias

Responder
Santo Verdinegro  

hola Jmiur, necesito me puedas ayudar nuevamente, necito crear un link en archivo flash o gif en blogger, osea hacer clic sobre la animacion y que me derive a otro sitio, con un jpg lo puedo haer pero con una animacion no.

gracias como siempre.

santoverdinegro

Responder
JMiur  

Si es un Gif Aninado, es una imagen así que es lo mismo que para cualquier otra como un JPG; allí, el único inconveniente es que Blogegr no los muestra bien casi nunca así que lo mejor es alojarlos en ptro lado.

Si es un SWF eso debe hacerse cuando se crea el archivo de Flash y no desde el código HTML.

Responder
Eva - Profesora  

Muchas gracias por tu ayuda, al fin en podido subir el menu (creado con 123 Flash Menu), pero tengo un problema... o varios...
1. En el propio programa de 123 Flash Menu, sólo me enlaza el primer menú)
2. Después de realizar todos los pasos que tan bien has explicado,para que este menú me aparezca en mi blog, sólo me aparece la barra del menú, pero era un menú desplegable y no sale. Por favor, a quien pueda ayudarme se lo agradezco muchísimo.... gracias.

Responder
JMiur  

No sé qué archivos termoina generando es programa, ¿es uno sólo o son varios? Si es esto último, por lo general, se requiere que los archivos estén todos en el mismo lugar cosa bastante complicad de hacer con Blogger ¿Tienes un ejemplo que pueda verse online?

Responder
MAPAVI PERU  

tengo mi imagen en flash subida a un servidor..
http://megaswf.com/view/bae7f71f847ac619888280b889729bef.html
pero cuando pongo con los codigos q muestras arriba y luego lo pongo en el blog, no me muestra nada porque?

me podrias dar el codigo hecho con ese link?? gracias

Responder
JMiur  

Porque esta dirección:
http://megaswf.com/view/bae7f71f847ac619888280b889729bef.html
es una página web y no el archivo SWF

No sé si ese sitio te permite hacer un hotlink, es decir, si te da la URL directa al archivo. Aparentemente no.

Responder
kawsaqi  

muchas gracias, excelente!

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR