Skins para Google Video Player

Si utilizas Google Video tienes la posibilidad de obtener un código para incluir el vídeo en tu site. Comúnmente este reproductor tiene un estilo por defecto, lo que no esta documentado es que puedes pasarle mas parámetros que te permitirán cambiar la apariencia del player.

gplayer.jpg

Por defecto el player tiene el atributo src el cual es de la forma:

  1. http://video.google.com/googleplayer.swf?docId=[number]&hl=en

Donde [number] es el código del vídeo a reproducir, pero puedes agregar mas parametros entre los cuales se tiene: playerMode, autoPlay, loop, showShareButtons.

playerMode Permite seleccionar el skin del player:

  • playerMode=simple, versión básica con barra de progreso y control de volumen
  • playerMode=mini, player con lo mas básico
  • playerMode=clickToPlay, este skin utilizado para anuncios de adsense video.
  • playerMode=embedded, es el skin por defecto

autoPlay controla si se reproducirá automáticamente el vídeo.

  • autoPlay=true
  • autoPlay=false, estado por defecto

loop indica si el vídeo se reproducirá nuevamente de forma indefinida.

  • loop=true
  • loop=false, estado por defecto

showShareButtons indica si se agregará al final del vídeo un botón para compartir el video.

  • loop=true
  • loop=false, estado por defecto

Finalmente veamos un ejemplo de uso, supongamos que buscamos un video de Carlos Santana y nos dan el siguiente código para incluir:

  1. <embed style="width:400px; height:326px;"
  2. id="VideoPlayback" type="application/x-shockwave-flash"
  3. src="http://video.google.com/googleplayer.swf?docId=3982721096847102127&hl=es"
  4. flashvars=""></embed>

Luego de cambiar las propiedades tendriamos:

  1. <embed style="width:400px; height:326px;"
  2. id="VideoPlayback" type="application/x-shockwave-flash"
  3. src="http://video.google.com/googleplayer.swf?docId=3982721096847102127&hl=es&loop=true&playerMode=simple"
  4. flashvars=""></embed>

Con lo cual obtendríamos el siguiente resultado.

Cargando Flash

Comentarios Total 3 comentarios


Favio
Publicado: 16/06/2007 6:29 am

Gracias por toda esta información. Abuso de tus conocimientos para preguntarte algo que hasta ahora nos fue imposible dilucidar: cómo se llama al thumbnail de un video específico dentro de Google.Video? Es decir, dado un Id del video, supongamos “id=-3314883829692268432″… qué relación hay entre ese ID y el número infinitamente más largo que identifica a los thumbnails de ese video, y que se encuentran en otro servidor de Google? Gracias por lo que puedas decirnos.
Saludos desde Argentina.

Cirella
Publicado: 05/11/2007 7:49 am

Una consulta, es posible crear un skin propio? y como se codificaria????

carlos alba
Publicado: 17/06/2008 11:51 pm

gracias por tus aportes… me ha serivido para mejorar mi negocio en internet.. les invoto a ver mi pagina…. http://www.damicar.ws

 

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