Como validar u optimizar el codigo embebido de youtube en joomla por la W3c

Publicado en: Joomla 0

    Primeramente, comenzamos explicando que es la W3c; es la abreviación del World Wide Web Consortium, es un consorcio internacional que produce estándares para la World Wide Web. Está dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web. [..]

 

    Finaliza con la aprobación de la «Recomendación», lo que equivale a una homologación de la propuesta, es decir, un nuevo estándarnavegadores, editores, buscadores) y tecnologías (servicios Web, directorios, registros). Ésta competencia en exclusiva del W3C para crear estándares abiertos es crucial, pues de ella depende que ningún fabricante alcance nunca el monopolio de explotación de la Web.

 

    Despúes de un largo día intentando validar mi web para el estándar XHTML 1.0 de la W3c, les dire que lo que más me ha costado fue convertir el código de los videos de youtube. No porque fuera díficil codificarlos, ya que Manz en emezeta ya nos había dado un código estándar para este fin. Sino que mi editor de joomla (JCE) , me machacaba el tag <param …/> por el tag <param> </param> (el cuál no cumple el estándar). Se que le di vueltas al editor, con sus opciones y demás y no consegui la solución. (seguramente hay alguna opción más fácil, para solucionar este problema, pero ahora les contare la que yo utilize).

 

    Hago un inciso para contarles que mientras que buscaba soluciones para el editor encontre un plugins para el JCE bastante amigable para insertar código en nuestra web, se llama JCE Edit Area, entre otras caracteristicas tiene resaltado de syntaxis, buscador, deshacer, «go to»,… , lo podeís descargar aqui .

 

    Para insertar el codigo de youtube, me recomendaron que utilizará un mambots para videos bastante famoso, el Allvideos Plugin  en el que para insertar videos siemplemente debes utilizar el tag { youtube}codigo-de-identificación-del-video{/youtube } y ya te inserta el video en el código. Bueno si todavía no sabeís, por donde van los tiros, el kit de la cuestión es que el Allvideos nos inserte un código estándar y asi poder validar nuestra web.

 

    Tras instalar el Allvideos Plugin accedemos a /nuestraweb.com/mambots/content/ y editamos el archivo «plugin_jw_allvideos.php«.

 

    En la linea 127 (linea arriba linea abajo) encontraremos el código correspondiente a youtube –>

 

«youtube» => array(«<object style=»».$width.» «.$height.»»><param name=»movie» value=»http://www.youtube.com/v/***code***» /><param name=»wmode» value=»transparent» /><embed src=»http://www.youtube.com/v/***code***»  wmode=»transparent» type=»application/x-shockwave-flash» style=»».$width.» «.$height.»»></embed></object>», «#{youtube }(.*?){/youtube }#s») ,

 

ahora debemos sustituirlo por este otro –>

 

«youtube» => array(«<object data=»http://www.youtube.com/v/***code***» type=»application/x-shockwave-flash» style=»».$width.» «.$height.»»><param name=»movie» value=»http://www.youtube.com/v/***code***» /><param name=»quality» value=»high» /><param name=»menu» value=»false» /></object>», «#{youtube }(.*?){/youtube}#s») ,

Atención!! En la primera etiqueta del código anterior que pone youtube entre {} va todo junto. (Esta asi para que lo podaís ver) 

 

    ya casi terminamos, solo nos queda modificar el código que genera el JavaScript (linea 706) para que cumpla el estándar cambiamos el código –>

 

 «<script language=»JavaScript» >n».  por este otro –>

 

 «<script language=»JavaScript» type=»text/javascript»>n».

 

    ahora solo nos queda salvar los cambios y comprobar que todo funciona.

 

    Para validar nuestra web utilizaremos el validator de la W3c XHtml 1.0

Agradecimientos a Manz por el código php y a Alberto por la idea del All Videos.
 

Continúa leyendo: Como validar u optimizar el codigo embebido de youtube en joomla por la W3c