Embeddable player

M3U8 Embed: Add an HLS Player to Your Website

Embedding an M3U8 stream means putting a small HLS player on your own page with an <iframe>. Paste a stream URL below, choose your options, and copy the generated code into any website or blog. The player is lightweight, responsive, and loads from a dedicated embed page, no account or script tag required.

Embed code
<div style="position:relative;padding-top:56.25%;">
  <iframe src="https://www.m3u8player.tools/embed/?src=YOUR_M3U8_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; fullscreen; encrypted-media" allowfullscreen></iframe>
</div>

How to embed an M3U8 stream

  1. 1

    Paste your M3U8 URL

    Enter the .m3u8 stream URL you want to embed into the field above.

  2. 2

    Pick your options

    Choose autoplay (muted), a muted start, and a responsive 16:9 or fixed size.

  3. 3

    Copy the embed code

    Copy the generated <iframe> snippet.

  4. 4

    Paste it into your site

    Drop the snippet into any HTML page, blog post, or CMS that allows raw HTML.

How the embed player works

The embed code points an <iframe> at a dedicated, minimal player page that loads hls.js and plays your stream. It is separate from the main site, so it stays lightweight and has no navigation or extra UI. Because the player runs on the viewer's device, the stream is fetched directly by their browser, you are not proxying or re-hosting anything.

Responsive by default

The responsive option wraps the iframe in a 16:9 container that scales to its parent width, which is what you want for most articles and pages. Choose a fixed size only when you need exact dimensions, for example inside a sidebar or a fixed-width layout.

When a stream won't embed

The embed player can only show streams the viewer's browser is allowed to load. If a stream blocks cross-origin (CORS) access or requires a custom Referer, it may fail inside the iframe even though it works in the main player with the proxy enabled. For those streams, test first in the full player.

Frequently asked questions

Is the M3U8 embed free?

Yes. Generating and using the embed code is completely free with no sign-up, and the player shows no ads.

Do I need to add a script to my site?

No. You only paste an <iframe>. The player and hls.js load inside the iframe from the embed page, so your site needs nothing else.

Can I autoplay the embedded stream?

Yes, but browsers only allow autoplay when the video is muted, so the autoplay option starts the player muted.

Why does my stream play in the main player but not the embed?

The embed plays the stream directly in the viewer's browser. If the stream needs the CORS proxy or a custom Referer, it can fail in a plain iframe. Test it in the full player first.