Si usaste MySpace seguro recuerdas entrar a un perfil y que automáticamente sonara una canción a todo volumen 

Hoy todavía puedes poner música en tu blog de Blogger… pero hay algunas limitaciones modernas. En este tutorial te enseño 3 métodos.

---

 MÉTODO 1 — Insertar Spotify (el más fácil)

1. Ve a Spotify
2. Abre el álbum o canción que quieras
3. Clic en Compartir → Insertar
4. Copia el código iframe
5. Ve a Diseño → Añadir gadget → HTML/Javascript
6. Pega el código

Ejemplo:

<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/track/ID_DE_LA_CANCION"
width="100%" height="152" frameborder="0"
allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture">
</iframe>

⚠️ Importante: Spotify NO permite autoplay real sin interacción del usuario.

---

 MÉTODO 2 — Audio HTML5 (intento de autoplay)

Si tienes un archivo .mp3 puedes usar:

<audio autoplay loop>
  <source src="URL_DE_TU_MP3.mp3" type="audio/mpeg">
</audio>

🚫 Chrome y la mayoría de navegadores bloquean autoplay con sonido. Solo funciona si el usuario ya interactuó con la página.

---

 MÉTODO 3 — Truco retro con autoplay parcial

<audio autoplay loop muted id="bgmusic">
  <source src="URL_DE_TU_MP3.mp3" type="audio/mpeg">
</audio>

<script>
document.addEventListener("click", function() {
  const music = document.getElementById("bgmusic");
  music.muted = false;
  music.play();
});
</script>

👉 La música empieza cuando el usuario hace clic en cualquier parte. Es lo más cercano al efecto antiguo.

---

 Extra: Reproductor flotante estilo 2006

<div style="position:fixed; bottom:20px; right:20px; z-index:999;">
  <audio controls loop>
    <source src="URL_DE_TU_MP3.mp3" type="audio/mpeg">
  </audio>
</div>

Eso crea un reproductor visible permanente en la esquina.

---

 ¿Se puede hacer como en 2005?

Antes funcionaba porque los navegadores no bloqueaban sonido automático. Hoy las reglas cambiaron por experiencia de usuario.

Mi recomendación:

• ✔ Música manual
• ✔ Reproductor visible
• ✔ No forzar autoplay

---

RetroHTMLHacks — Diseño Web Y2K