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:
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>
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:
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.
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:
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>
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:
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>
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:
Muchísimas gracias; costó, pero al fin encontré alguien que lo explicara clarito... :)
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.
GRACIAS TU AYUDA ME SIRVIO DE MUCHO
http://guardarrailes-asesinos.blogspot.com/
Me alegro haberte sido de ayuda :)
Gracias por tu ayuda, todos los días se aprende algo nuevo y hoy me has enseñado tú ^^
Arigatou =3
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.
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.
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
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.
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.
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>
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.
Me alegra que te sea útil, Esmeralda :)
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.
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.
Como siempre, "perfect".
Mil gracias.
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
jmiur:
Como hago el paso a paso para subir un SWF de mi pc a mi blog.
Gracias.
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.
como hacer para que los codigos de boton dentro del swf vinculen con otras paginas de blogspot
Eso debe estar incluido en el archivo SWF y debe crearse de esa manera.
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
Los SWFs no requieren un reproductor, se insertan directamente en la página. No entiendo bien al pregunta, Lucas.
si yo quiero detener la animacion, ¿se puede hacer un boton para detenerla? y otro boton para hacerla correr
gracias
lucas
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.
¿No tentrás un código para SWF mas actualizado?
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.
Sólo decía por lo del enlace de macromedia que lleva a http://get.adobe.com/es/flashplayer/
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.
la verdad muy bueno exelente tu blog tus aportes son impresionantes gracias
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
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.
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.
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?
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
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.
muchas gracias, excelente!
¿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 ...