Música infinita en tu web con HTML5

Ya hemos visto cómo Poner música en tu web con HTML5 de una forma sencilla manejando el elemento AUDIO. Ahora vamos a dar un pequeño paso más y es que vamos a poner música infinita en tu web con HTML5. Es decir, la canción que pongamos de fondo sonará una y otra vez de forma infinita.

Añadir el elemento audio

Lo primero poner el audio en HTML5:

<audio src="micancion.mp3"></audio>

Lo bueno de la etiqueta AUDIO es que, por defecto, no nos muestra un panel con controles de reproducción. Lo cual hará que sea perfecto para poner nuestra música de fondo. Pero claro, deberemos de iniciar la canción.

Reproducción automática con autoplay

Para ello vamos a utilizar el primer atributo que es autoplay. Al atributo autoplay del AUDIO le daremos un valor true.

<audio src="micancion.mp3" autoplay="autoplay"></audio>

Reproducción infinita con loop

Ahora que ya tenemos la canción sonando de fondo vamos a conseguir que la música suene de forma infinita. En este caso usaremos el atributo loop. Al cual volveremos a dar nuevamente un valor de true.

<audio src="micancion.mp3" autoplay="autoplay" loop="loop"></audio>

Esta simple línea de código en HTML5 nos permite poner música infinita en tu web con HTML5.