Lo más probable es que conozcas a la perfección el reproductor de vídeos que usa YouTube.
Seguramente sepas también la forma de insertar vídeos de YouTube en el blog, acto que se consigue copiando el código que nos ofrece dicho sitio web (donde dice embed o insertar) en la barra lateral situada a la derecha de los vídeos.
En esta entrada podrás aprender a utilizar un reproductor completamente diferente, mucho más elegante y sencillo. Se trata de tubePlayer, creado por unijimpe.
Antes de comenzar debes alojar el archivo tubePlayer.swf en un servidor, como puede ser Google sites, Xoo Image o Fileden.
También puedes optar por utilizar la siguiente dirección (alojada en Xoo Image) ya que es el mismo archivo:
http://img7.xooimage.com/files/6/c/b/tubeplayer-117a655.swf
Este es el código con el que insertaremos el nuevo reproductor:
<object width="500" height="300" id="movie" type="application/x-shockwave-flash" data="DIRECCION ARCHIVO">
<param name="movie" value="DIRECCION ARCHIVO" />
<param name="FlashVars" value="videoId=IDVIDEO" />
<param name="allowFullscreen" value="true" />
</object>
Reemplaza DIRECCION ARCHIVO por la URL del alojamiento del archivo (por ejemplo: http://img7.xooimage.com/files/6/c/b/tubeplayer-117a655.swf), así como IDVIDEO por las cifras del vídeo que aparecen a la derecha de éste en YouTube...
Para editar la anchura modifica el valor (500) de la línea width="500" en el código y para editar la altura modifica el valor (300) en la línea height="300".
Puedes publicar el vídeo tanto en una entrada como en un gadget html-javascript, utilizando siempre el mismo código y realizando los mismos pasos.
Nota:
Referencias: Vagabundia
Jaime, no he conseguido instalarlo, me sale un rectángulo en blanco!!!!
Un abrazo!!!
EL BLOG DE ZAHIRA, posiblemente lo sea ya que te ahorras el tener que copiar todo el código ofrecido en YouTube para insertar el vídeo.
Simplemente es necesario incluir la ID del vídeo con este reproductor.
CINEXIM, ¿Alojaste el archivo tubePlayer.swf en un servidor?
Si es así, ¿lo incluiste en el código del vídeo?
Puedes utilizar este código (lo que resalto en negrita es el alojamiento del archivo, citado en la décima línea):
<object width="500" height="300" id="movie" type="application/x-shockwave-flash" data="http://img7.xooimage.com/files/6/c/b/tubeplayer-117a655.swf">
<param name="movie" value="http://img7.xooimage.com/files/6/c/b/tubeplayer-117a655.swf" />
<param name="FlashVars" value="videoId=IDVIDEO" />
<param name="allowFullscreen" value="true" />
</object>
Nota:
Ten cuenta que debes incluir la dirección del alojamiento dos veces.
Gracias Jaime!!!
el problema estaba en que cada vez que editaba la entrada para hacer un pequeño cambio, como centrar el video, me desaparecía y me quedaba el rectángulo en blaco.
No sé cómo explicartelo. Algo muy raro.
Pero al fin lo tengo.
Es muy muy elegante!!!
En ocasiones suele ocurrir lo que dices, CINEXIM.
También podría deberse a la URL del alojamiento (quizás no fuera la correcta) pero me alegro de que hayas podido insertar el reproductor en el blog ;).
Como hago para qyue se reproduzca solo, un autoplay?
Anónimo, en esta entrada explico como hacerlo. ¡Suerte!