domingo, 14 de marzo de 2010

Código de Goear válido para XHTML

 El problema principal que se nos presenta cuando insertamos el código de audio de Goear en un post es que el elemento embed no es válido, o más bien, no existe en las últimas especificaciones del W3C, sino que fue un invento de la compañía de software Netscape Communications (de aquellos lejanos tiempos en que su navegador aún tenía cierta importancia). Sin embargo, object continúa siendo un elemento válido, así que la solución es utilizarlo añadiéndole el atributo type="application/x-shockwave-flash".

 Este es un ejemplo del código de audio que proporciona Goear:
<object height="132" width="353"><embed src="http://www.goear.com/files/external.swf?file=0758235" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>
 Y este sería el código válido para el mismo audio de Goear, centrado y para un tamaño de 353 de ancho por 132 de alto:
<div style="margin: auto; text-align: center;"><object data="http://www.goear.com/files/external.swf?file=0758235" style="height: 132px; width: 353px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.goear.com/files/external.swf?file=0758235" /><param name="wmode" value="transparent" /><param name="quality" value="high" /></object></div>
 Últimamente se viene observando por parte de los usuarios de Internet Explorer que los reproductores de Goear se autoejecutan, cosa bastante molesta si hay varios de ellos insertados en la misma página. La solución más sencilla es agregar al valor de la URL el parámetro autoplay=0. También puede ser necesario añadir una etiqueta param con el atributo play de valor false, quedando el código de la siguiente forma:
<div style="margin: auto; text-align: center;"><object data="http://www.goear.com/files/external.swf?file=0758235&autoplay=0" style="height: 132px; width: 353px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.goear.com/files/external.swf?file=0758235&autoplay=0" /><param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="play" value="false" /></object></div>
----------------------------------------------------------------------------------------------------------------------------------------------------------