Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Un reproductor muy elegante para los vídeos de YouTube

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.


Ver el reproductor en funcionamiento


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:

Para no estar copiando el código que inserta el reproductor elegante, haz uso de la plantilla de entrada que ofrece blogger.


Referencias: Vagabundia

EL BLOG DE ZAHIRA dice...
Este comentario ha sido eliminado por su autor. Siento las molestias.
CINEXIM dice...

Jaime, no he conseguido instalarlo, me sale un rectángulo en blanco!!!!


Un abrazo!!!

Jaime Trujillo Escobedo dice...

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.

Jaime Trujillo Escobedo dice...

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.

CINEXIM dice...

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!!!

Jaime Trujillo Escobedo dice...

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 ;).

Anónimo dice...

Como hago para qyue se reproduzca solo, un autoplay?

Jaime Trujillo Escobedo dice...

Anónimo, en esta entrada explico como hacerlo. ¡Suerte!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo