M3U8 Embed Guide: Generate iframe and Embed Links Step by Step

Like M3u8Player.app? Please share!

To put an M3U8 (HLS) stream on your site, blog, or docs without a custom backend or player, use the site’s M3U8 embed code generator: paste the stream URL, choose whether to try autoplay, then copy either the embed page URL or the iframe HTML. The tool only supports M3U8 (HLS); both outputs point at the same player page.

New to .m3u8? See What is an M3U8 file.

No URL yet: get a reachable M3U8

The embed tool needs one M3U8 playlist URL your browser can request directly. Playback on a page does not mean you already have that URL—you still have to extract it from the page or network traffic.

A practical option is the Chrome extension The Stream Detector: on a page where the video plays, open the extension, pick an HLS URL from the list, and copy it. Install from the Chrome Web Store → pin it → return to the video tab (refresh if needed) → copy the URL you need.

For install links, screenshots, and double-click copy, follow Best way to find an M3U8 address.

Prefer DevTools? In Network, filter m3u8 or manifest, find the master playlist, and copy its https URL.

Test the URL in the M3U8 online player before you embed, and confirm you have permission to embed.

Before you start

  1. A working M3U8 URL (prefer https://, and rights to play it on your site). If you still need help finding one, see above and Best way to find an M3U8 address.
  2. Whether the embed page should try autoplay on load: when the toggle is on, the link includes autoplay; whether it actually autoplays depends on browser policy (see below).

No stream of your own? Use this public test stream:

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

Steps

1. Open the generator and paste the URL

Paste the M3U8 URL in the generator

  1. Open the M3U8 embed code generator
  2. Paste the playlist into M3U8 (HLS) URL.
  3. Embed format is M3U8 (HLS) for now; if more formats are added later, choose here.

2. Autoplay

Turn on Try autoplay in the embed page (browser policies may still require user interaction) and the link will include autoplay=true. Autoplay with sound is often blocked; muted playback or click-to-play is usually safer.

3. Copy what you need

Copy embed link and iframe code

  • Embed page URL: chat, email, docs, or “insert link” in a CMS.
  • iframe HTML: when you control the template and want the player inline.

Unsure? Use Open preview in new tab first, then copy to production.

Query parameters

The generator writes your choices into the query string. The main playback-related fields:

ParameterMeaningNotes
video_urlStream URLURL-encoded so & and ? in the stream do not break the link.
autoplayTry autoplaytrue means “try”; the browser decides the outcome.

Rough shape (use what the page actually outputs):

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

With autoplay off, autoplay=true is usually omitted.

Caveats

  • Rights: being able to play it does not mean you may embed it publicly—check licensing.
  • Reachability: CORS limits or internal-only streams will fail for visitors too; if your site is HTTPS, prefer HTTPS streams.
  • Autoplay: the flag does not guarantee autoplay—test preview and real devices.
  • Format: this flow is M3U8 (HLS) only; plain MP4 direct links are out of scope.

Also on the site: try playback and quality switching in the M3U8 online player; segment downloads in the M3U8 online downloader (use and compliance are your responsibility). Still missing an M3U8 URL? Read Best way to find an M3U8 address first, then return here.

Wrap-up

Use The Stream Detector or the Network panel to get an https playlist URL, with Best way to find an M3U8 address if needed; open the embed generator, paste the URL, set autoplay, copy URL or iframe. video_url and optional autoplay=true are assembled for you. Run through the test stream once, then switch to your own URL.