unijimpe

Después de algún tiempo tenemos el agrado de presentar la nueva versión de tubePlayer el reproductor de vídeos de Youtube personalizado. Todo esto gracias a los comentarios y sugerencias de los visitantes a este blog, con lo cual hemos logrado un mejor rendimiento del player.

[swf]http://blog.unijimpe.net/wp-content/uploads/2010/11/tubeplayer.swf, 510, 320, videoId=pa14VNsdSYM[/swf]

Características

En esta nueva versión se ha reescrito completamente el reproductor utilizando YouTube ActionScript 2.0 Player API el cual corrige algunos problemas de la versión anterior y mejora características solicitadas por nuestros visitantes.

• Reescrito completamente en ActionScript 2.0 con OOP.
• Opción para autoplay de vídeos.
• Opción para el volumen por defecto.
• Se puede desplazar al cualquier parte del vídeo.
• Imagen de previsualización del vídeo.
• Mensaje de error si el vídeo esta bloqueado o eliminado.
• No se muestra publicidad en los vídeos.
• No se muestran las anotaciones en los vídeos.
• Corregido el autoescalado del vídeo de acuerdo al tamaño del player.
• Reproducción en pantalla completa.

ActionScript 3.0 es muy potente pero el API es AS3 tiene el problema que muestra la publicidad en los vídeos, por lo cual decidimos trabajar con AS2 para mostrar los vídeos sin publicidad. Además de ello estamos trabajando para integrar tubePlayer a un plugin para WordPress que permita utilizar este player de forma sencilla en los blogs.

Como utilizar tubePlayer

Primero debes descargar la ultima versión del player y subir el archivo tubeplayer.swf a tu servidor web. Luego lo incluyes en tu página como cualquier SWF 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.

Podemos embeber el video utilizando el tag de HTML :

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

También podemos utilizar SWFObject para incluir el player:

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

Pueden ver el player funcionando en tubePlayer 1.0 (beta) demo, donde pueden ingresar rl identificador del vídeo que desean visualizar.

Sugerencias

Este player esta en versión beta y esperamos nos hagan llegar su observaciones y sugerencias para de esta forma lograr un buen player que nos beneficie a todos.

Pueden dejar sus sugerencias en nuestro formulario de comentarios. En el transcurso de esta semana estaremos trabajando en la mejora del player y la otra semana estaremos lanzando la versión final que incluye un plugin para WordPress.

[download id=»49″ autop=»false»]

Posts Relacionados

• Youtube Video Player: tubePlayer 1.0
• Adobe Photoshop CS3 Beta
• Youtube Video Player: tubePlayer 0.6
• tubePlayer: Player Youtube
• tubePlayer