Artículos
HTML

Embed: Música de fondo en tu página web

24/Mar/2007

Cuanto más amplio es el espectro de navegadores y sistemas operativos sobre el que tenemos que diseñar nuestra página web más se complican las cosas. Por lo que tendremos que acudir al elemento embed para poner música de fondo en nuestra página web.

Esto también lo podemos hacer con el elemento bgsound (recomendable leerse el artículo que explica cómo utilizar esta etiqueta). Que fue el primer elemento que se creó para poder poder música de fondo en nuestra página web.

En este artículo vamos a entrar en profundidad sobre cómo podemos utilizar el elemento embed y los diferentes atributos de los que dispone para gestionar música.

Si bien, hay que tener en cuenta que este elemento sigue sin ser estándar. Aunque, cierto es, que la interpretan un mayor número de navegadores y plataformas. (a marzo de 2007)

El atributo más importante a conocer del elemento embed es src. Este nos permitirá indicar cuál es el fichero que contiene el audio. El código sería algo parecido a lo siguiente:

<embed src="starwars.mid">

Si ponemos este código tal cual nos saldrá un control musical con sus botones de play, stop, control de volumen,… y claro, como nosotros queremos poner música de fondo, deberemos de ocultar dicho control. Para ello contamos con el atributo hidden, al cual deberemos de dar un valor de true.

<embed src="starwars.mid" hidden="true">

Y ahora, hecho esto, tenemos un ligero problema. Y es que cuando teníamos el control musical, disponíamos del botón play para forzar el inicio de la canción y ahora, al haber ocultado el control, no tenemos forma de hacerlo y es por ello que la canción no comenzará. Por lo tanto, deberemos de utilizar el atributo autostart con un valor true para que se inicie la canción.

<embed src="starwars.mid" autostart="true">

Y a disfrutar de cómo poner música de fondo en nuestra página web.


Actualización

Este ejemplo era válido en navegadores antiguos y para la versión HTML 4.01. Desde la especificación HTML 5 disponemos del elemento audio que nos permite gestionar la música dentro de las páginas web y el atributo autoplay para iniciar la música de forma automática. Puedes leer el artículo Música infinita en tu web con HTML5 para ver el nuevo funcionamiento.

Código Fuente

Descárgate el código fuente de Embed: Música de fondo en tu página web
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Embed: Música de fondo en tu página web

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
117 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios