Cómo generar código de incrustación M3U8 (iframe y enlace)

Like M3u8Player.app? Please share!

Si tienes una dirección M3U8 (HLS) y quieres mostrarla en tu web, blog o documentación sin montar backend ni programar un reproductor desde cero, es muy habitual.

La idea es simple: abre el generador de código de incrustación M3U8 en el navegador, pega la URL del stream, elige si quieres intentar autoplay y obtienes dos cosas: un enlace a la página de incrustación y código HTML iframe listo para pegar.

Este artículo va en orden: si aún no tienes el enlace M3U8, la sección 2 explica de dónde suele salir y enlaza a una guía con capturas; desde la sección 3 es «pegar en el generador y copiar»; al final veremos video_url, autoplay y otros parámetros.

¿Te suena nuevo el .m3u8? Empieza aquí: Qué es un archivo M3U8.

1. Para quién es

Marketing que quiere un directo en una landing; desarrollo que necesita un iframe bien formado para pruebas: en el fondo es lo mismo: incrustar un stream HLS en una página. El generador solo acepta M3U8 (HLS) por ahora; el URL de la página incrustada y el iframe apuntan al mismo reproductor: elige uno u otro según el caso.

2. ¿Sin URL M3U8? Primero consigue el enlace

Mucha gente se atasca: el vídeo se ve en la página, pero no sabe qué poner en el .m3u8. La herramienta necesita una URL de lista de reproducción M3U8 accesible directamente, así que hay que sacarla de la página o del tráfico de red.

Una opción cómoda es la extensión gratuita de Chrome The Stream Detector: en una página donde el vídeo reproduzca bien, abre la extensión y verás direcciones HLS; elige y copia. Flujo aproximado: instalar desde Chrome Web Store → fijar la extensión → volver a la página del vídeo (a veces refrescar) → seguir el icono o la lista → copiar la URL.

Instalación paso a paso, capturas y doble clic para copiar están aquí:

👉 La mejor forma de encontrar una dirección M3U8

Si prefieres herramientas de desarrollador, en Red (Network) filtra m3u8 o manifest, localiza la lista maestra y copia la URL—cuesta un poco más, mismo objetivo: necesitas la URL https final de la lista.

Cuando la tengas, pruébala en nuestro reproductor M3U8 online para confirmar que reproduce y que puedes incrustarla antes de seguir.

3. Qué necesitas antes de empezar

  1. Una URL M3U8 que reproduzca (mejor https:// y con derechos para usarla en tu web). Si no sabes cómo encontrarla, mira la sección anterior y La mejor forma de encontrar una dirección M3U8.
  2. Si quieres que la página de incrustación intente autoplay al cargar—al activarlo, el enlace llevará ese parámetro; que funcione o no depende también del navegador.

¿Sin stream propio? Prueba este stream público de prueba:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4. Tres pasos

Paso 1: Abre la página y pega la URL

Pega la URL M3U8 en el generador

  1. Abre el generador de código de incrustación M3U8
  2. Pega tu lista en URL M3U8 (HLS).
  3. Formato de incrustación es por ahora solo M3U8 (HLS); si se añaden más, elígelos aquí.

Paso 2: ¿Autoplay?

Activa Intentar autoplay en la página de incrustación y el enlace generado incluirá autoplay=true. El reproductor intentará iniciar solo; el autoplay con sonido suele bloquearse—silenciado o clic para reproducir suele ir mejor.

Paso 3: Copia lo que necesites

Copiar enlace de incrustación e iframe

Hay dos bloques:

  • URL de la página de incrustación: chat, correo, documentos o «insertar enlace» en un CMS.
  • HTML iframe: cuando controlas la plantilla y quieres el reproductor embebido.

¿Dudas? Usa Abrir vista previa, comprueba que se ve bien y luego copia a producción.

5. Parámetros de la URL (resumen)

El generador escribe tus opciones en la cadena de consulta. Los principales relacionados con la reproducción:

ParámetroSignificadoNotas
video_urlTu URL del streamCodificada en URL para que & y ? no rompan el enlace.
autoplayIntentar autoplaytrue significa «intentar»; el navegador tiene la última palabra.

Forma aproximada (usa lo que copie tu página):

https://m3u8player.app/es/embed/m3u8/?video_url=…&autoplay=true

Sin autoplay, normalmente no aparece autoplay=true.

6. Cosas que suelen fallar

  • Derechos: poder verlo no siempre implica poder incrustarlo en público.
  • Alcance: CORS, red interna o origen inaccesible = los visitantes tampoco lo verán; si tu página es HTTPS, mejor stream HTTPS.
  • Autoplay: el parámetro no garantiza autoplay—prueba vista previa y dispositivos reales.
  • Formato: solo M3U8 (HLS) aquí; enlaces MP4 directos no entran en este flujo.

7. Cómo encaja con otras páginas del sitio

Solo reproducir y cambiar calidad: reproductor M3U8 online.
Bajar segmentos: descargador M3U8 online—uso legal por tu cuenta.
El generador de incrustación sirve para montar enlace e iframe.
¿Sigues sin URL M3U8? Lee primero La mejor forma de encontrar una dirección M3U8 y vuelve aquí.

Resumen

En una frase: no sabes encontrar la URL → lee La mejor forma de encontrar una dirección M3U8, usa The Stream Detector o la pestaña Red; luego abre el generador de incrustación → pega M3U8 → elige autoplay → copia URL o iframe. video_url y el autoplay=true opcional los arma la herramienta. Prueba primero con el stream de prueba y luego pon la tuya.