tubePlayer

Presentación

tubePlayer es un reproductor de videos de Youtube personalizado, cuenta con las funcionalidades básicas de cualquier reproductor, opciones de configuración y con diseño elegante. tubePlayer fue escrito en ActionScript 2.0 y no necesitas scripts adicionales para funcionar.

Cargando Flash

Características

tubePlayer es un reproductor muy ligero y con cualidades interesantes:

  • Reproduce vídeos de Youtube sin scripts adicionales.
  • Controles para reproducir/pausar/detener el video.
  • Imagen de previsualización del video.
  • Autoescalado del video de acuerdo al tamaño del player.
  • Soporte para reproducción en pantalla completa (fullscreen).
  • Doble click en la pantalla para reproducir a pantalla completa.
  • Facilidad para desplazar la reproducción a cualquier parte de video.
  • Diseño elegante
  • No se muestra publicidad en los videos.
  • El video se muestra sin anotaciones.
  • Mensaje de error si el video esta bloqueado o eliminado.
  • El reproductor es liviano con un peso de 13.4 Kb.
  • Gratis para cualquier uso

El diseño de tubePlayer esta basado en el reproductor de videos toobPlayer con permiso del autor.

Como utilizar tubePlayer

Utilizar tubePlayer es muy sencillo, para ello primero necesitas descargar la ultima versión y luego subir el archivo tubeplayer.swf a tu servidor web. Lo siguiente es incluir el player como cualquier otro SWF en tu web, pero con tres parámetros por medio de flashVars:

  • videoId (Requerido)
    Identificador del vídeo de Youtube a reproducir.
  • autoPlay (Opcional)
    Define si el vídeo se reproducirá automáticamente. Acepta valores true o false.
  • volume (Opcional)Volumen inicial del vídeo. Acepta valores enteros de 0 a 100.

Si utilizamos el tag <embed> para incluir el video:

HTML4
  1. <object width="510" height="320">
  2.    <param name="movie" value="http://domain/path/tubeplayer.swf" />
  3.    <param name="flashVars" value="videoId=6hzrDeceEKc&autoPlay=true" />
  4.    <param name="allowFullscreen" value="true" />
  5.    <embed src="tubeplayer.swf" width="510" height="320"
  6.   flashVars="videoId=pa14VNsdSYM" allowFullscreen="true" />

También podemos utilizar SWFObject como método para incluir el player:

HTML4
  1. <div id="divmovie">tubePlayer</div>
  2. <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  3. <script type="text/javascript">
  4.    swfobject.embedSWF("http://domain/path/tubeplayer.swf", "divmovie", "510", "320", "9", "",
  5.    {videoId: "6hzrDeceEKc"}, {allowFullscreen: "true"});

En los ejemplos hemos definido el player con dimensiones de 510×320 pixels pero pueden utilizar las dimensiones que prefieran que el reproductor se escalará automáticamente.

Plugin para WordPress

Si tienes un blog en WordPress, utilizar tubePlayer será muy fácil pues hemos integrado el player al plugin WP Youtube Player. Una vez instalado el plugin deben seleccionar “Use tubePlayer” en el panel de configuración y luego pueden mostrar videos de youtube con el siguiente código:

code
  1. [tube]http://www.youtube.com/watch?v=AFVlJAi3Cso[/tube]

Para mas información sobre la instalación y utilización del plugin pueden visitar WP Youtube Player.

Descargar tubePlayer

La versión normal de tubePlayer es gratuita, no contiene publicidad y lo puedes utilizar sin restricciones el cualquier web o blog.

tubePlayer Personalizado

Si te gusta tubePlayer y deseas tener una versión personalizada, tenemos dos versiones adicionales:

  • tubePlayer Custom Logo
    Esta versión te permitirá colocar tu propio logo en el player, de esta forma puedes promocionar tu marca en tus videos.
  • tubePlayer Custom Design
    Obtén tubePlayer completamente personalizado con tu propio diseño con lo cual lograrás integración absoluta con tu web.

Si estas interesado en cualquiera de estas versiones puedes contactarte a ventas@unijimpe.net para obtener mas información.

Comentarios Total 37 comentarios


Youtube Video Player: tubePlayer 1.0 | unijimpe
Publicado: 01/11/2010 10:30 am

[...]Nos agrada anunciar la nueva versión de tubePlayer el reproductor de vídeos de Youtube personalizado y gratuito. Cuenta con los controles play/pause/stop/fullscreen y la posibilidad de desplazar a cualquier parte del video.Esta versión reescrita completamente cuenta con nuevas características sugeridas por nuestros lectores:Reproducción de cualquier video de Youtube.Previsualización del video.Desplazar la reproducción a cualquier parte del video.Soporte para fullscreen utilizando doble click.Los controles se ocultan a los 5 segundos de inactivada en fullscreen.No se muestra publicidad en los videos.Soporte para configurar autoplay y volumen inicial. [...]

Jose Trezza
Publicado: 01/11/2010 8:46 pm

¿Y la calidad del video, es posible elegirla?

unijimpe
Publicado: 01/11/2010 8:56 pm

El player estas desarrollado en AS2, lamentablemente el API en AS2 no devuelve los valores disponibles para cambiar la calidad del video. Tengo la versión en AS3 la cual si permite el cambio de calidad pero esta muestra publicidad en los videos, por lo cual decidí lanzar solo la versión en AS2.


[...] tubePlayer es un reproductor de vídeos de Youtube independiente, creado por unijimpe, muy liviano y sencillo de utilizar. [...]

Pablo
Publicado: 03/11/2010 8:39 am

Hola, no existe la forma de eliminar el logo de YouTube durante la reproducción?, o por lo menos que desaparezca por un momento…Gracias

unijimpe
Publicado: 03/11/2010 10:46 pm

Pablo, en los reproductores personalizados no esta permitido ocultar el logo de Youtube, el API que ofrecen no tiene un método para ocultar el logo. Ten en cuenta que en esta versión no se muestra publicidad.

Embed YouTube videos easily in WordPress posts
Publicado: 22/11/2010 9:17 am

[...] plugin also supports the Tubeplayer to embed in the WordPress post. Moreover this plugin automatically generates <object> code [...]

Carlos
Publicado: 29/11/2010 9:20 am

Hermano muy bueno tu plugin pero quisiera tener skin el reproductor no me gust acomo puedo cambiar de color a uno serio que es Blanco, onegro por ultimo pero yo mas deseo blanco.. no plomo ¬¬

carlos
Publicado: 02/12/2010 12:14 am

se le puede poner un logo?

unijimpe
Publicado: 02/12/2010 12:19 am

Si desean una versión con un diseño personalizado o con su propio logo, hay dos versiones de pago disponibles.

tubePlayer Custom Logo
Esta versión te permitirá colocar tu propio logo en el player, de esta forma puedes promocionar tu marca en tus videos.

tubePlayer Custom Design
Obtén tubePlayer completamente personalizado con tu propio diseño con lo cual lograrás integración absoluta con tu web.

Estas dos versiones son de pago. Para mayor información pueden escribir a ventas@unijimpe.net

JeanPaul
Publicado: 13/12/2010 1:34 am

Muy buen recurso, gracias por trabajar en el y compartirlo.


[...] Uso de un player actualizado y personalizado TubePlayer. [...]

Pyare
Publicado: 21/12/2010 2:31 pm

Quisiera saber por favor como hacer para poner el volumen a 100? lo he buscado pero no lo encuentro, gracias, muy buen reproductor.

unijimpe
Publicado: 21/12/2010 3:46 pm

Para asignarle el volumen por defecto puedes utilizar el parámetro volume por ejemplo si estas utilizando el tag embed para mostrar el video, el código quedaría de la forma:

<object width="510" height="320">
<param name="movie" value="http://domain/path/tubeplayer.swf" />
<param name="flashVars" value="videoId=6hzrDeceEKc&volume=100" />
<param name="allowFullscreen" value="true" />
<embed src="tubeplayer.swf" width="510" height="320" flashVars="videoId=pa14VNsdSYM&volume=100" allowFullscreen="true" />
</object>

Pyare
Publicado: 10/01/2011 10:38 am

Amigos hice tal cual me indican para poner el volumen al 100% pero cuando veo el reproductor aparece solo con 80% (a pesar que yo le pongo 100) Hay alguna forma de corregir eso? muchas gracias por todo, realmente es un excelente reproductor.

Matias
Publicado: 31/01/2011 2:56 pm

En algunos videos me aparece la leyenda :Embedding disabled by request, como lo puedo solucionar? Gracias

unijimpe
Publicado: 01/02/2011 12:22 am

El mensaje Embedding disabled by request indica que el video ha sido eliminado o se ha desabilitado el uso en sitios externos (Solo se puede visualizar en Youtube) eso pasa incluso con el player original.

Pyare
Publicado: 07/02/2011 11:40 am

Amigos, en los ultimos dias con algunos videos si puedo y con otros no se puede, esto debido a que es?

Por ejemplo con esta Id si se puede: tx86oSO-778

Y con esta Id no: jXuLeso_jbg

Incluso amigos con las Id utilizadas como ejemplos por ustedes con la primera id si funciona pero con la segunda no.

Si por favor pudieran revisar eso ya que este reproductor es genial.

PD. Al principio crei que era porque un video esta deshabilitado o algo asi pero ya revisé que ambos videos estan con la opcion para poder ser compartidos en cualquier web. Gracias.

unijimpe
Publicado: 08/02/2011 12:00 am

Bueno, ya me esperaba este momento así que prepararé el nuevo vídeo player para adecuarse a estas nuevas restricciones. Resulta que hay dos versiones del API de Youtube Player.

API en AS2 esta API es menos potente pero tiene la ventaja de no mostrar publicidad en los vídeos.

API en AS3 esta API es mucho mas potente e incluso soporta cambiar de calidad a los vídeos, pero tiene en contra que muestra publicidad en los vídeos.

Para el desarrollo decidí utilizar el API es AS2 de forma que se puedan ver los vídeos de forma limpia. Pero este player tiene una limitación adicional impuesta en los últimos meses (http://apiblog.youtube.com/2010/10/actionscript-2-chromeless-player-and.html). Los vídeos que contienen publicidad solo se mostrarán en el API en AS3, todo esto a partir de enero del 2011.

Yo tengo la versión del player desarrollada en AS3 al cual solo hace falta darle algunos ajustes y corregir detalles. Trabajaré en ello estos dias y en breve lanzaré una actualización del player (la desventaja será que ahora se vera publicidad de Google en el player).

Pyare
Publicado: 08/02/2011 10:53 am

Muchas gracias por su respuesta, realmente es admirable el trabajo que realiza y mil gracias por eso, lo de la publicidad creo que no seria inconveniente mayor ya que como que estamos acostumbrados a ver publicidad en pleno video (lo ideal seria que no) pero bueno, al menos en mi opinion el reproductor suyo es lo que esta genial y espero pueda tener pronto la nueva version.

Que sigan los exitos.

PD: Si en algun momento saca una nueva version sin publicidad -y tuvieramos que pagar- no dude en hacerlo saber, yo entiendo que hay cosas que se nos debe dar tan facilmente (gratis) sino no la sabemos valorar, solo que no este muy carito nada mas. Saludos amigo y muchas gracias por todo.

"George Best"
Publicado: 09/03/2011 6:40 pm

Hola! Primeramente felicitaciones por el player, el cual recomiendo a todos los visitantes de está página. Como segundo, dejar una sugestión. Acontece que en nuestra página de fútbol, lo utilizo en un espacio pequeño: width=”310″ height=”196″. Entonces, en mi caso, y tal vez sea el de otras personas, seria bueno si existiese la opción de poder ocultar los controles de reproducción, y que los mismos apareciesen cuando pasamos el mouse por arriba del player. O sea, que si la persona desea, configure para que en la tela del player aparezca apenas “el triangulo” que identifica que es un vídeo, y cuando pasamos el mouse por arriba aparecen los controles.

Bueno, es esa la sugestión y me disculpen la exención del mensaje y muchas gracias por el excelente trabajo.

Atentamente y un grande abrazo

Robot
Publicado: 31/03/2011 8:53 am

Es posible incorporar el player en un FLA? Cómo se le pasarían los parámetros necesarios? Me interesaría poder cargar dinámicamente enlaces de youtube que están cargados en una base de datos, sería posible?

Pepe
Publicado: 07/04/2011 7:04 pm

¿Como afecta a las estadísticas el uso de este player?.

Es decir, en las estadísticas de mis videos de youtube, al no usar el player oficial, ¿serán contabilizadas las reproducciones que se hagan de esta forma?

Saludos.

unijimpe
Publicado: 08/04/2011 9:21 pm

Efectivamente Pepe, al utilizar el API de youtube las reproducciones que se hacen con este player son contabilizadas al igual que el player oficial de Youtube.

Mr. zona rock
Publicado: 10/08/2011 6:05 pm

Hola unijimpe, porque no me cuadra bien los videos en mi pagina, me sobran unos espacios a los lados, lo cual no pasa con el video de pones en tu ejemplo.

Aqui esta:
http://zonarock.freeiz.com/videos_ver.php?idvideo=171

Gracias…

Pyare
Publicado: 01/09/2011 9:27 am

Amigos de unijimpe, ustedes hace unos meses comentaron lo siguiente:

———————————————————
Bueno, ya me esperaba este momento así que prepararé el nuevo vídeo player para adecuarse a estas nuevas restricciones. Resulta que hay dos versiones del API de Youtube Player.

API en AS2 esta API es menos potente pero tiene la ventaja de no mostrar publicidad en los vídeos.

API en AS3 esta API es mucho mas potente e incluso soporta cambiar de calidad a los vídeos, pero tiene en contra que muestra publicidad en los vídeos.

Para el desarrollo decidí utilizar el API es AS2 de forma que se puedan ver los vídeos de forma limpia. Pero este player tiene una limitación adicional impuesta en los últimos meses (http://apiblog.youtube.com/2010/10/actionscript-2-chromeless-player-and.html). Los vídeos que contienen publicidad solo se mostrarán en el API en AS3, todo esto a partir de enero del 2011.

Yo tengo la versión del player desarrollada en AS3 al cual solo hace falta darle algunos ajustes y corregir detalles. Trabajaré en ello estos dias y en breve lanzaré una actualización del player (la desventaja será que ahora se vera publicidad de Google en el player).
—————————————————–

Mi consulta es si ya tienen lista esa versión que indicaron que casi tenian lista porque me gustaria poder implementarlo en mi web ya que cuando utilizo el reproductor con videos que contienen publicidad no los reproduce, como por ejemplo este: http://www.youtube.com/watch?v=z0KPQstwMQw

Les agradezco desde ya por su ayuda.

gerson
Publicado: 21/11/2011 5:56 pm

la verision 1 me pide un pasword

Jorge Mamani
Publicado: 19/05/2012 6:35 pm

Hola Brother:

Estoy teniendo problemas con el codigo de tubeplayer, ya no reproduce nada solo se muestra la imagen.

Saludos

RevistaPixelMx
Publicado: 10/10/2012 4:48 pm

AYUDA! el tubeplayer en Google Chrome no se reproduce, Unijimpe como soluciono este problema?

Marco Avellaneda
Publicado: 24/10/2012 9:44 pm

Me acabo de dar cuenta que el reproductor (al igual que el comentario previo), no funciona usando chrome, no se desde cuando, pero me gustaria saber si hay alguna version nueva que corrija este detalle, que realmente parece grave pues chrome es un navegador muy popular.
Saludos

Marco Avellaneda
Publicado: 25/10/2012 5:45 pm

Para todos los que tengan el problema de que el tubeplayer no funciona en chrome en este video esta la solución solución . Pero creo que deberiamos implementar el tubeplayer con swfobject o algo asi para tratar de avisar a los usuarios que no puedan verlo para que cambien sus configuraciones de chrome.
Saludos

Marco Avellaneda
Publicado: 25/10/2012 5:46 pm

EL link correcto es aqui

Ernesto
Publicado: 01/06/2013 3:13 pm

Hola, hasta hace unos días y durante casi un año tenia instalado el tubeplayer y funcionaba sin problemas. A la fecha parece que ya no funciona, a ver si le pudieras dar una revisión a ver que pasó. Si miras, en este mismo post (http://blog.unijimpe.net/tubeplayer/) hay el mismo problema, no sale nada. Gracias, saludos

Ernesto
Publicado: 01/06/2013 3:16 pm

Hola, hasta hace unos días y durante casi un año tenia instalado el tubeplayer y funcionaba sin problemas. A la fecha parece que ya no funciona, a ver si le pudieras dar una revisión a ver que pasó. Si miras, en este mismo post (http://blog.unijimpe.net/tubeplayer/) hay el mismo problema, no sale nada. Gracias, saludos

Phil
Publicado: 30/12/2013 3:44 am

Hi
Is there a way to stop ‘related videos’ appearing at the end of your video?

WP YouTube Player | WP Plugin Directory
Publicado: 16/02/2014 6:11 am

[…] tubePlayer (http://blog.unijimpe.net/tubeplayer/) for play […]

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)