Desde el blog de Amit Agarwal nos enteramos de un sencillo truco que nos permite insertar el audio de un video de YouTube en blogs o websites, de esta manera solo vamos a ver la barra del reproductor de videos.

Esto se logra usando estilos CSS para ocultar la parte donde se reproduce las imágenes del video y solo poder ver los botones de play y volume para escuchar el audio. Aquí un ejemplo:

 

Para lograr este efecto solo debes copiar el siguiente código en edición HTML y cambiar el “YouTube ID” por el ID del video de YouTube:

19-11-2012 YouTube ID

 

<div style="position:relative;width:267px;height:25px;overflow:hidden;">
  <div style="position:absolute;top:-276px;left:-5px">
    <iframe width="300" height="300" 
      src="https://www.youtube.com/embed/youtubeID?rel=0">
    </iframe>
  </div>
</div>

Este reproductor de solo audio de YouTube debería funcionar bien en navegadores con flash e incluso los últimos que usan la tecnología HTML5.