22 de mayo de 2006

HTML: Cómo publicar una película Quick Time (*.mov) dentro de tu web

Como ejemplo os he puesto el nuevo trailer de Superman Returns, que por cierto está en inglés pero pinta muy bien.




Haz click aquí para verlo en grande.

En primer lugar tenemos este interesantísmo y básico tutorial de Apple aquí: enlace. En el se nos explica como hacerlo todo y cada uno de los atributos que tenemos que colocar. Pero como no lo explican tan bien como deberían pues os voy a contar mi versión reducida.

Fases:

1.- Codificar el vídeo al formato .mov o .qt.

2.- Obtenemos el alto y el ancho de la película. Si ese ancho y ese alto se pasan de tamaño podemos redimensionarlo siempre y cuando hagamos una reducción proporcional del alto y del ancho, p.ej width=100 y height=100 los pondríamos como width=75 y height=75.

3.- Una vez tenemos claras las dimensiones de la película colocamos el tag para ponerla, en el caso del trailer que he puesto yo el tag es el siguiente: <embed src="http://pdl.warnerbros.com/wbol/uk/movies/
supermanreturns/superman_returns_tlrf3_qt_500.mov" width="375" height="178" pluginspage="http://www.apple.com/quicktime/download/" controller="TRUE" scale="tofit"&rt;
.

4.- Parámetros que he utilizado:
a) src: La url del vídeo.
b) width: La anchura del vídeo.
c) height: La altura del vídeo más la altura de los controles (19 px).
d) pluginspage: La página para descargar el plugin si el ordenador del usuario no lo tiene instalado.
e) controller: Si queremos que aparezcan los controles de reproducción tiene que estar a true, si no le pondríamos false.
f) scale="tofit": Para que todo se vea como Dios manda y no salgan mal las proporciones.
g) autoplay="false": Para que no se reproduzca la película sólo cargar la web y haya que pulsar al botón de play.

Pues eso, que si quereis más datos os empollais el tutorial de Apple que está muy bien (aunque no todo lo clarito que debería).

No hay comentarios: