Guía de incrustación M3U8: generar iframe y enlaces de incrustación paso a paso

Like M3u8Player.app? Please share!

Para incrustar un flujo M3U8 (HLS) en web, blog o documentación sin backend ni reproductor propio, use el generador de incrustación M3U8: pegue la URL del flujo, elija si prueba la reproducción automática y copie la URL de la página de incrustación o el HTML iframe. Solo admite M3U8 (HLS); ambos apuntan al mismo reproductor.

¿Nuevo en .m3u8? Empiece por Qué es un archivo M3U8.

Sin URL: conseguir una M3U8 accesible

La herramienta necesita una URL de lista M3U8 que el navegador pueda solicitar directamente. Que el vídeo se reproduzca en una página no implica que ya tenga esa URL—debe extraerla de la página o del tráfico de red.

Opción práctica: extensión The Stream Detector en Chrome, en una página donde el vídeo sí funcione; elija una URL HLS de la lista y cópiela. Instale desde Chrome Web Store → fije la extensión → vuelva a la pestaña del vídeo (recargue si hace falta) → copie.

Enlaces de instalación, capturas y copia con doble clic: Mejor forma de encontrar una dirección M3U8.

Con herramientas de desarrollo: Network, filtre m3u8 o manifest, localice la lista maestra y copie su URL https.

Después pruebe en el reproductor M3U8 online y confirme que puede incrustar antes de generar el código.

Antes de empezar

  1. Una URL M3U8 que reproduzca (preferible https://, con derechos en su sitio). Para encontrarla: la sección anterior y Mejor forma de encontrar una dirección M3U8.
  2. Si la página de incrustación debe intentar autoplay al cargar: al activarlo, el enlace lleva autoplay; el navegador decide si funciona (véase abajo).

Flujo de prueba público:

https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

Pasos

1. Abrir el generador y pegar la URL

Pegar la URL M3U8 en el generador

  1. Abrir el generador de incrustación M3U8
  2. Pegar la lista en URL M3U8 (HLS)
  3. Formato de incrustación: por ahora M3U8 (HLS); otros formatos, aquí cuando existan

2. Reproducción automática

Al activar Probar reproducción automática en la página de incrustación (las políticas del navegador pueden seguir exigiendo interacción del usuario), el enlace incluye autoplay=true. El autoplay con sonido suele bloquearse; silenciado o clic para reproducir suele ir mejor.

3. Copiar lo que necesite

Copiar enlace de incrustación y código iframe

  • URL de la página de incrustación: chat, correo, documentos, enlace en CMS
  • HTML iframe: cuando controla la plantilla y quiere el reproductor en línea

¿Duda? Use Abrir vista previa en una pestaña nueva antes de producción.

Parámetros de consulta

El generador escribe sus opciones en la cadena de consulta. Lo esencial para la reproducción:

ParámetroSignificadoNotas
video_urlURL del flujoCodificada en URL para que & y ? del flujo no rompan el enlace
autoplayIntentar autoplaytrue = intento; el navegador decide

Forma aproximada (use la salida real de la página):

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

Sin autoplay, normalmente no aparece autoplay=true.

Avisos

  • Derechos: poder reproducir no autoriza siempre la incrustación pública—revise licencias.
  • Alcance: CORS o flujo solo interno también falla para visitantes; si su sitio es HTTPS, prefiera flujos HTTPS.
  • Autoplay: el parámetro no garantiza éxito—pruebe vista previa y dispositivos reales.
  • Formato: solo M3U8 (HLS); enlaces directos MP4 quedan fuera.

En el sitio: pruebas y calidad en el reproductor M3U8 online; segmentos en el descargador M3U8 online (uso y cumplimiento bajo su responsabilidad). ¿Falta la URL M3U8? Primero Mejor forma de encontrar una dirección M3U8, luego vuelva aquí.

Resumen

The Stream Detector o el panel Network para la URL https de la playlist, con Mejor forma de encontrar una dirección M3U8 si hace falta; generador, pegar, autoplay, copiar URL o iframe. video_url y el autoplay=true opcional los arma el generador. Pruebe primero el flujo de prueba y sustituya por la suya.