oCiolaPalma v4.1

Inicio cHill.Room Como personalizar el reproductor de YouTube en el AllVideos Plugin de JoomlaWorks

Como personalizar el reproductor de YouTube en el AllVideos Plugin de JoomlaWorks

Voy a explicar brevemente que cambios he realizado en el AllVideos Plugin de JoomlaWorks para personalizar el reproductor de YouTube que genera el plugin automáticamente cuando insertamos un vídeo en un contenido, noticia o artículo.

Una vez hayas modificado todo tal cual explico a continuación tus vídeos de youtube aparecerán con el color que hayas elegido, dando así un aspecto más personalizado y acorde con el diseño de tu página web.

Los archivos que vamos a modificar se encuentran en: plugins/content/jw_allvideos/includes/sources.php

Aquí vemos el código que inserta el AllVideos plugin cuando añadimos un vídeo a una noticia o artículo.

// YouTube
 "youtube" => "
<object type=\"application/x-shockwave-flash\" style=\"width:{WIDTH}px;height:{HEIGHT}px;\" data=\"http://www.youtube.com/v/{SOURCE}&hl=en&fs=1\" title=\"JoomlaWorks AllVideos Player\">
<param name=\"movie\" value=\"http://www.youtube.com/v/{SOURCE}&hl=en&fs=1\" />
<param name=\"quality\" value=\"high\" />
<param name=\"wmode\" value=\"{TRANSPARENCY}\" />
<param name=\"bgcolor\" value=\"{BACKGROUND}\" />
<param name=\"allowfullscreen\" value=\"true\" />
<param name=\"allowscriptaccess\" value=\"always\" />
</object>
",

Este es el código que debemos modificar:

Antes: data=\"http://www.youtube.com/v/{SOURCE}&hl=en&fs=1\"
Después: data=\="http://www.youtube.com/v/{SOURCE}?rel=0&color1=0xFFCC00&color2=0x723e00&border=1&fs=1&egm=0

También podemos modificar la etiqueta title, cuando alguien ponga el ratón encima del vídeo pues le saldrá ese pequeño texto:

Antes: title=\"JoomlaWorks AllVideos Player\"
Después: title=\"oCiolaPalma v4.1\"

Yo he puesdo los parámetros que he creido que eran mejor para mi, no los voy a explicar uno a uno porque Google tiene una web donde lo explica muy bien y en castellano: http://code.google.com/intl/es-MX/apis/youtube/player_parameters.html

La única cosa que no se explica en esa web es la manera de poder cambiar el reproductor de la versión tradicional a ese nuevo y estilizado que han creado por último. El problema está que con el último reproductor en AS3 no es posible añadirle colores ni bordes, simplemente se verá tal cual es.

Así se debe modificar si queremos utilizar el nuevo reproductor de YouTube en AS3

Antes: data=\"http://www.youtube.com/v/{SOURCE}&hl=en&fs=1\"
Después: data=\"http://www.youtube.com/v/{SOURCE}&hl=en&fs=1&version3\"

Y con esto finalizo, espero que les sirva de ayuda y quiero comentar que todas estas modificaciones las he hecho en el AllVideos 3.3, creo que en versiones anteriores el archivo a modificar se llama jw_allvideos_sources.php

Un saludo!

 

Escribir un comentario


Código de seguridad
Refescar