Free HLS Embed Generator

Embed M3U8 Player in HTML

Generate an iframe snippet for M3U8 / HLS streams, preview settings, and publish only after the source plays.

Tip: Test the stream on the homepage player first. Embedding will not fix CORS, expired links, or DRM blocks.

How to generate embed code

  1. 1

    Paste your stream URL

    Enter the M3U8 or HLS URL you want to embed. Test it on the homepage first if you are unsure.

  2. 2

    Adjust player settings

    Set width, height, autoplay, controls, and other options for your page layout.

  3. 3

    Preview the result

    Confirm playback and layout before you publish the embed on a live site.

  4. 4

    Copy the embed code

    Copy the generated iframe or HTML snippet and paste it into your website or CMS.

Who this is for

  • Site owners adding an M3U8 or HLS stream to a landing page
  • Developers who need a quick iframe embed instead of building a custom player
  • Teams moving from stream testing to website integration

Limitations

  • A broken source URL will still fail after embedding. Test playback first.
  • CORS, expired signed links, mixed content, and DRM can block browser playback.
  • iframe embeds inherit browser security limits of the host page and the stream source.
  • For deep analytics, auth, or custom UI, you may need a dedicated player integration.

FAQ

How do I embed an M3U8 player in HTML?
Generate an iframe snippet that points to a working player page with your stream URL, then paste that snippet into your HTML.
Should I test the stream before generating embed code?
Yes. Confirm the stream plays in LivePlayer first so you do not debug embed code around a broken source.
Can I use this for live and VOD HLS streams?
Yes, as long as the stream is browser-accessible and not blocked by CORS, DRM, or expired tokens.
Is the embed code free to use?
Yes. LivePlayer provides a free browser-based embed generator for public testing and publishing workflows.

Related tools and guides