M3U8-inbedcode maken (iframe en inbedlink)

Like M3u8Player.app? Please share!

Je hebt een M3U8 (HLS)-adres en wilt het op je site, blog of documentatie tonen zonder backend en zonder zelf een speler te bouwen — dat komt vaak voor.

Het is eenvoudig: open de M3U8-inbedcodegenerator in je browser, plak de stream-URL, kies of autoplay wordt geprobeerd en je krijgt een link naar de inbedpagina en kant-en-klare iframe-HTML.

Dit artikel loopt in volgorde: als je nog geen M3U8-link hebt, legt sectie 2 uit waar die meestal vandaan komt met een link naar een uitgebreide handleiding; vanaf sectie 3 gaat het om «plakken in de generator en kopiëren»; tot slot video_url, autoplay en andere parameters.

Nog weinig vertrouwd met .m3u8? Begin hier: Wat is een M3U8-bestand.

1. Voor wie dit is

Marketing dat een livestream op een campagnepagina wil; ontwikkeling dat een correct iframe voor tests nodig heeft — het komt neer op een HLS-stream in een webpagina inbedden. De generator ondersteunt nu alleen M3U8 (HLS); de inbed-URL en iframe wijzen naar dezelfde speler — kies wat past.

2. Nog geen M3U8-adres? Eerst de URL vinden

Veel mensen struikelen hier: de video speelt op de pagina, maar welke .m3u8 moet je invullen? De tool heeft een rechtstreeks bereikbare M3U8-playlist-URL nodig, dus je moet die uit de pagina of het netwerk halen.

Een handige optie is de gratis Chrome-extensie The Stream Detector: op een pagina waar de video echt afspeelt, open je de extensie om HLS-URL’s te zien en te kopiëren. Ruwe flow: installeren via Chrome Web Store → vastzetten → terug naar de videopagina (eventueel vernieuwen) → badge of lijst volgen → URL kopiëren.

Installatielink, screenshots en dubbelklikken om te kopiëren staan hier:

👉 Beste manier om een M3U8-adres te vinden

Met DevTools: tab Netwerk, filter op m3u8 of manifest, vind de master-playlist en kopieer de URL — iets meer werk, hetzelfde doel: de uiteindelijke https-URL van de playlist.

Test de URL daarna in onze M3U8 online speler voordat je verder gaat met inbedden.

3. Wat je nodig hebt voordat je begint

  1. Een werkende M3U8-URL (liefst https:// en met rechten om in te bedden). Weet je nog niet hoe je die vindt, zie de vorige sectie en Beste manier om een M3U8-adres te vinden.
  2. Of de inbedpagina bij laden autoplay moet proberen — als de schakelaar aan staat, zit die parameter in de link; de browser kan blokkeren.

Geen eigen stream? Gebruik deze openbare teststream:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4. Drie stappen

Stap 1: Pagina openen en URL plakken

M3U8-URL in de generator plakken

  1. Open de M3U8-inbedcodegenerator
  2. Plak je playlist bij M3U8 (HLS)-URL
  3. Inbedformaat is nu alleen M3U8 (HLS); meer opties komen hier later

Stap 2: Autoplay wel of niet

Zet Autoplay op embedpagina proberen aan en de gegenereerde link bevat autoplay=true. Autoplay met geluid wordt vaak geblokkeerd; stil of klik om af te spelen is meestal betrouwbaarder.

Stap 3: Kopieer wat je nodig hebt

Inbedlink en iframe-code kopiëren

Twee blokken:

  • URL van de inbedpagina: chat, e-mail, documenten of link in CMS
  • iframe-HTML: als je het template beheerst en de speler inline wilt

Twijfel? Gebruik Voorbeeld in nieuw tabblad, controleer eerst, kopieer dan live.

5. URL-parameters (kort)

De generator zet je keuzes in de querystring. Belangrijk voor afspelen:

ParameterBetekenisOpmerkingen
video_urlJouw stream-URLURL-gecodeerd zodat & en ? het link niet breken.
autoplayAutoplay proberentrue betekent «proberen»; de browser beslist.

Ongeveer zo (gebruik wat de pagina echt uitgeeft):

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

Zonder autoplay ontbreekt autoplay=true meestal.

6. Veelgemaakte fouten

  • Rechten: kunnen kijken is niet automatisch openbaar inbedden.
  • Bereikbaarheid: CORS, intern netwerk of geblokkeerde bron = bezoekers zien ook niets; HTTPS-pagina → HTTPS-stream verkiezen.
  • Autoplay: parameter garandeert geen succes — test voorbeeld en echte apparaten.
  • Formaat: alleen M3U8 (HLS); directe MP4-links vallen buiten deze flow.

7. Hoe dit past bij andere pagina’s

Alleen afspelen en kwaliteit wisselen: M3U8 online speler.
Segmenten opslaan: M3U8 online downloader — gebruik legaal.
De inbedgenerator helpt je link en iframe te bouwen.
Nog geen M3U8-URL? Lees eerst Beste manier om een M3U8-adres te vinden en kom terug.

Kort samengevat

In één zin: weet je niet hoe je de URL vindt? → lees Beste manier om een M3U8-adres te vinden, gebruik The Stream Detector of het Netwerk-tabblad; open dan de inbedgenerator → plak M3U8 → kies autoplay → kopieer URL of iframe. video_url en optionele autoplay=true zet de tool voor je klaar. Probeer eerst de teststream, daarna je eigen adres.