Comment générer du code d’intégration M3U8 (iframe et lien)

Like M3u8Player.app? Please share!

Vous avez une adresse M3U8 (HLS) et vous voulez l’afficher sur votre site, blog ou documentation sans backend ni lecteur maison — c’est très courant.

C’est simple : ouvrez le générateur de code d’intégration M3U8 dans le navigateur, collez l’URL du flux, choisissez la lecture automatique ou non, et vous obtenez un lien vers la page d’intégration et le code HTML iframe prêt à coller.

Cet article suit l’ordre logique : si vous n’avez pas encore le lien M3U8, la section 2 explique où on le trouve en général avec un lien vers un tutoriel illustré ; à partir de la section 3, on colle dans le générateur et on copie ; à la fin, les paramètres video_url, autoplay, etc.

Pas familier avec le .m3u8 ? Lisez d’abord : Qu’est-ce qu’un fichier M3U8.

1. À qui ça s’adresse

Marketing qui veut un live sur une page ; développeur qui a besoin d’un iframe correct pour les tests — au fond c’est la même chose : intégrer un flux HLS dans une page web. Le générateur ne prend pour l’instant que le M3U8 (HLS) ; l’URL de la page d’intégration et l’iframe pointent vers le même lecteur — choisissez selon le cas.

2. Pas d’URL M3U8 ? Trouvez-la d’abord

Beaucoup bloquent ici : la vidéo se lit sur la page, mais on ne sait pas quoi mettre pour le .m3u8. L’outil a besoin d’une URL de playlist M3U8 directement accessible, il faut donc la sortir de la page ou du réseau.

Une option simple : l’extension Chrome gratuite The Stream Detector : sur une page où la vidéo joue correctement, ouvrez l’extension pour voir les URL HLS, puis copiez. En gros : installer depuis le Chrome Web Store → épingler l’extension → revenir sur la page vidéo (rafraîchir si besoin) → suivre l’icône ou la liste → copier l’URL voulue.

Lien d’installation, captures et double-clic pour copier sont détaillés ici :

👉 Meilleure façon de trouver une adresse M3U8

En mode DevTools, onglet Réseau, filtrez m3u8 ou manifest, trouvez la playlist maître et copiez l’URL — un peu plus technique, même but : l’URL https finale de la playlist.

Une fois l’URL en main, testez-la dans notre lecteur M3U8 en ligne pour vérifier la lecture et vos droits d’intégration avant de continuer.

3. Ce qu’il vous faut avant de commencer

  1. Une URL M3U8 qui fonctionne (de préférence https://, et vous avez le droit de la diffuser sur votre site). Si vous ne savez pas comment la trouver, voir la section précédente et Meilleure façon de trouver une adresse M3U8.
  2. Si la page d’intégration doit tenter la lecture automatique au chargement — quand l’option est activée, le lien contient le paramètre ; le navigateur peut quand même refuser.

Pas de flux perso ? Essayez ce flux de test public :
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4. Trois étapes

Étape 1 : Ouvrir la page et coller l’URL

Coller l’URL M3U8 dans le générateur

  1. Ouvrez le générateur de code d’intégration M3U8
  2. Collez votre playlist dans URL M3U8 (HLS).
  3. Format d’intégration : pour l’instant seulement M3U8 (HLS) ; d’autres formats pourront s’ajouter ici.

Étape 2 : Lecture automatique ou non

Activez Tenter la lecture automatique sur la page d’intégration et le lien généré contiendra autoplay=true. Le lecteur essaiera de démarrer seul ; la lecture auto avec le son est souvent bloquée — muet ou clic pour lire est plus fiable.

Étape 3 : Copier ce dont vous avez besoin

Copier le lien d’intégration et le code iframe

Deux blocs :

  • URL de la page d’intégration : chat, mail, doc ou insertion de lien dans un CMS.
  • HTML iframe : quand vous contrôlez le gabarit et voulez le lecteur intégré.

Doute ? Utilisez Ouvrir l’aperçu, vérifiez l’image, puis copiez en production.

5. Paramètres d’URL (aperçu)

Le générateur écrit vos choix dans la chaîne de requête. Les principaux liés à la lecture :

ParamètreSensNotes
video_urlVotre URL de fluxEncodée en URL pour que & et ? ne cassent pas le lien.
autoplayTenter l’autoplaytrue = « tenter » ; le navigateur tranche.

Forme approximative (repérez ce que la page affiche réellement) :

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

Sans autoplay, autoplay=true est en général absent.

6. Pièges fréquents

  • Droits : pouvoir lire ne veut pas dire pouvoir intégrer publiquement.
  • Accessibilité : CORS, réseau interne ou origine bloquée = les visiteurs ne liront pas non plus ; page en HTTPS → flux en HTTPS de préférence.
  • Autoplay : le paramètre ne garantit rien — testez aperçu et appareils réels.
  • Format : ici uniquement M3U8 (HLS) ; liens MP4 directs ne suivent pas ce flux.

7. Rôle des autres pages du site

Lire simplement et changer de qualité : lecteur M3U8 en ligne.
Télécharger des segments : téléchargeur M3U8 en ligne — légalité de votre côté.
Le générateur d’intégration sert à fabriquer lien et iframe.
Toujours pas d’URL M3U8 ? Lisez d’abord Meilleure façon de trouver une adresse M3U8, puis revenez ici.

En bref

En une phrase : vous ne savez pas trouver l’URL → lisez Meilleure façon de trouver une adresse M3U8, utilisez The Stream Detector ou l’onglet Réseau ; puis ouvrez le générateur d’intégration → collez le M3U8 → choisissez l’autoplay → copiez l’URL ou l’iframe. video_url et le autoplay=true optionnel sont assemblés pour vous. Essayez d’abord le flux de test, puis remplacez par le vôtre.