Insertar un video o un swf a nuestro blog

PARA INSERTAR VIDEOS

Como siempre existen diferentes metodos para un mismo resultado, para insertar videos lo mas logico es ver la forma en que lo hace youtube :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/qgUL3ut4gyQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/qgUL3ut4gyQ&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>

Ahora bien aqui podemos observar claramente el uso de 2 etiquetas conocidas <object> y <embed> ambas sirven para lo mismo, es decir indican la ruta del video.

<object> a traves del parametro value="aqui va la direccion del video en cuestion" y <embed> a traves del parametro src="aqui va la direccion del video en cuestion", asi que si queremos insertar un video en nuestro blog lo unico es utilizar esta misma sentencia poniendo en los parametros value y src la direccion del video que nosotros queremos mostrar(aunque no sea de youtube o google esto funciona para cualquier video del que conoscan su direccion).

La pregunta ahora es para que usar object y embed si sirven para lo mismo???

La respuesta esta en la eterna rivalidad entre navegadores, si quitamos el embed el video no sera vidualizado en firefox (prueben esto y veran que no miento), por otro lado si quitamos el object el video no podra ser visualizado en IE, dicho sea de paso que el elemento embed no existe en las especificaciones de la W3.

Bueno pues resulta que navegando me encontre en el blog de vagabundia una manera de simplificar este codigo en una sola etiqueta, eh aqui lo que dice:

La solución para simplificar nuestro codigo es utilizar OBJECT pero especificando un atributo fundamental:

type="application/x-shockwave-flash".

El código válido quedaría de esta forma:
<object width="425" height="350"
type="application/x-shockwave-flash"
data="http://www.youtube.com/v/PsRkU7FV4aw">
<param name="movie" value="http://www.youtube.com/v/PsRkU7FV4aw" />
<param name="wmode" value="transparent" />
</object>
De esta manera, el tag EMBED, desaparece de una vez por todas y pasa al salón de los recuerdos.

Los Resultados son:

Con el primer tipo de insercion:


Con la version resumida:



Como podran observar los resultados son identicos y si no es asi entonces usen la opcion que visualice correctamente el video en su computador ;)

PARA INSERTAR SWF (FLASH)

Pues al igual que los video encontre 2 formas de hacer esto:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="665" align="absmiddle" height="500">
<param name="movie" value="http://fotos.trucoteca.com/games/animaciones/001062-327JR171.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#000000"> <embed src="http://fotos.trucoteca.com/games/animaciones/001062-327JR171.swf" class="FlashGame" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#435E76" width="665" align="absmiddle" height="500"></embed>

</object>

El caso es identico al anterior por lo que solo dire que la direccion de nuestro archivo swf debe de ir los parametros value y src, el resultado es el siguiente:




La otra forma es la siguiente:

<div style="text-align: center;">
<object id="movie" type="application/x-shockwave-flash" data="URLarchivo.swf" width="ancho" height="alto" > <param name="movie" value="URLarchivo"> <param name="wmode" value="transparent"> </object> </div>

Y el resultado es el siguiente:

Para finalizar ...
Existen muchos sitios gratuitos para subir nuestros archivos swf, pero la mayoria requiere crear una cuenta o bajar algun programita por lo que yo recomiendo http://www.theimagehosting.com sitio que no pide registro ni que descargues nada, la limitante es que solo acepta archivos de maximo un mega, si lo se!!! muy limitado, pero si lo que quieren es hacer alguna prueba rapida o su archivo no pesa mas de 1M (que ah de ser el caso de muchos) este sitio seguro es para ustedes, sino googleen un rato seguro que encontraran el espacio que necesitan para su swf.