Insertar videos WMV y MOV en Blogger

JMiur

El título del articulo de A List Apart es Bye Bye Embed y hace referencia a uno de los problemas sobre el que recibo más consultas. La pregunta es siempre más o menos la misma:

Inserté el vídeo del servicio cualquiera.com y no funciona en Blogger.

El problema es doble, por un lado, Internet Explorer comenzó a utilizar la etiqueta object de manera no-standard y al resto de los navegadores no se les ocurrió mejor cosa que inventarse otra etiqueta no-standard: la tan extendida embed.

El uso de embed se ha extendido demasiado y es hora de desterrarla completamente.

Las películas online utilizan animaciones en formato Flash y, para estas, la etiqueta object es más que suficiente. Es inentendible que esos servicios insistan en el uso de embed, los códigos que provee Google Video sólo incluye etiquetas embed lo que provoca que muchos navegadores simplemente no puedan ejecutarlos, los de YouTube incluyen object y embed.

Para ellas, la solución es simple: Cómo insertar videos con un código válido.

Los problemas aumentan cuando se quieren insertar otro tipo de formatos. En todos ellos, la clave es establecer el tipo correcto. Por ejemplo, los archivos de Windows Media Player tienen el tipo video/x-ms-wmv:

<object type="video/x-ms-wmv"
data="URL_archivo.WMV"
width=ancho height=alto>
<param name="src" value="URL_archivo.WMV" />
<param name="autostart" value="true" />
<param name="controller" value="true" />
<... cualquier otro parámetro ... />
</object>

VER EJEMPLO AQUI

La etiqueta object fue creada para que pueda ser anidada dentro de otras etiquetas object de tal manera que, cualquier navegador fuera descartando aquellas que no podían utilizar y, si no encontrase ninguna, simplemente ignorar la etiqueta. Esto es así en todos excepto en Internet Explorer 6.

Debido a esto, ya que el tipo requerido type="video/quicktime" no es reconocido por todos los navegadores, para insertar películas de tipo QuickTime debemos echar mano a los cuestionados comentarios condicionales de IE y esconder ciertas líneas del código:

<object
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width=ancho height=alto>
<param name="src" value="URL_archivo.MOV" />
<param name="controller" value="true" />
<param name="autoplay" value="false" />

<object type="video/quicktime"
data="URL_archivo.MOV"
width=ancho height=alto>
<param name="autoplay" value="false" />
<param name="controller" value="true" />
</object>
<!--
</object>

VER EJEMPLO AQUI