Chromeless Player: Perzonaliza el reproductor de videos de YouTube

Google sigue implementando APIs para que los desarrolladores aprovechen sus productos o los de sus asociados, para implementarlos en sus aplicaciones y sitios web, con menores complicaciones.

Chromeless Player utiliza el SWF Object en JavaScript para asociarlo a su “apiplayer”, con el fin de personalizar el reproductor de videos de YouTube: poniendo sus propios controles, reproductor “Chrome”, listas de reproducción y menús, etc. Es requisito tener instalado Flash Player 8 o superior.

Este reproductor consiste de dos archivos:

  • apiplayer.swf: que contiene la funcionalidad del video en reproducción.
  • cl.swf: es un lanzador de aplicaciones swf, y carga el apiplayer.swf y expone las funciones del API del reproductor.

El reproductor puede ser controlado ya sea combinándolo dentro de otro swf o insertándolo dentro de código HTML por medio de JavaScript.

La dirección URL para cargar el Chromeless Player en swf es:

http://www.youtube.com/apiplayer?enablejsapi=1

El parámetro enablejsapi (con valor 1) es para habilitar el API de JavaScript.

Algunas funciones que podemos implementar dentro de nuestro código JavaScript, en nuestros sitios web son:

  • loadVideoById(videoId:String, startSeconds:Number):Void
    Carga el video especificado y lo reproduce. Si startSeconds es especificado, el vídeo comenzará apartir del número de segundos especificado.
  • cueVideoById(videoId:String, startSeconds:Number):Void
    Carga la vista previa del video en miniatura y lo prepara para ser reproducido. El reproductor no necesita el archivo .flv hasta que las funciones playvideo() y seekTo().
  • setSize(width:Number, height:Number):Void
    Establece el tamaño del reproductor. Cuando el reproductor es insertado directamente en HTML, el tamaño es actualizado mediante los valores de Stage.width y Stage.height y así no es necesario llamar a la función setSize(). El tamaño por defecto del SWF cuando es cargado en otro SWF es 320px por 240px.

Los invito a ver un ejemplo que utiliza esta API para controlar el reproductor mediante JavaScript.

Vía: Google Code