Menú

Embeber YouTube como reproductor de audio solamente

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.

Deja un comentario