Guide d’intégration M3U8 : générer iframe et liens d’intégration étape par étape

Like M3u8Player.app? Please share!

Pour intégrer un flux M3U8 (HLS) sur un site, un blog ou de la doc sans backend ni lecteur maison, utilisez le générateur d’intégration M3U8 : collez l’URL du flux, choisissez la lecture automatique ou non, puis copiez l’URL de la page d’incrustation ou le HTML iframe. Seul M3U8 (HLS) est pris en charge pour l’instant ; les deux pointent vers le même lecteur.

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

Pas d’URL : obtenir une M3U8 joignable

L’outil a besoin d’une URL de playlist M3U8 directement requêtable. Le fait que la vidéo joue sur une page ne signifie pas que vous avez déjà cette URL—extrayez-la de la page ou du trafic réseau.

Option simple : l’extension Chrome The Stream Detector sur une page où la vidéo joue, puis copiez une URL HLS dans la liste. Installez depuis le Chrome Web Store → épinglez → revenez à l’onglet vidéo (rafraîchissez si besoin) → copiez.

Liens d’installation, captures et double-clic pour copier : Meilleur moyen de trouver une adresse M3U8.

Avec les outils de développement : onglet Network, filtrez m3u8 ou manifest, trouvez la playlist maîtresse, copiez son URL https.

Ensuite testez dans le lecteur M3U8 en ligne et vérifiez le droit d’intégration avant de générer le code.

Avant de commencer

  1. Une URL M3U8 qui lit correctement (de préférence https://, avec droit de lecture sur votre site). Pour la trouver : section ci-dessus et Meilleur moyen de trouver une adresse M3U8.
  2. Lecture automatique au chargement de la page d’intégration : si l’option est activée, le lien contient autoplay ; le navigateur décide si ça marche (voir ci-dessous).

Flux de test public si besoin :

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

Étapes

1. Ouvrir le générateur et coller l’URL

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

  1. Ouvrir le générateur d’intégration M3U8
  2. Coller la playlist dans URL M3U8 (HLS)
  3. Format d’intégration : M3U8 (HLS) pour l’instant ; d’autres formats pourront s’ajouter ici

2. Lecture automatique

Activer Essayer la lecture automatique sur la page d’incrustation (les politiques du navigateur peuvent encore exiger une interaction de l’utilisateur) ajoute autoplay=true au lien. L’autoplay avec son est souvent bloqué ; muet ou lecture au clic est plus fiable.

3. Copier ce dont vous avez besoin

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

  • URL de la page d’incrustation : chat, e-mail, docs, lien CMS
  • HTML iframe : quand vous contrôlez le gabarit et voulez le lecteur en ligne

Doute ? Utilisez Ouvrir l’aperçu dans un nouvel onglet avant la mise en production.

Paramètres de requête

Le générateur écrit vos choix dans la chaîne de requête. Pour la lecture :

ParamètreRôleDétail
video_urlURL du fluxEncodée en URL pour que & et ? dans le flux ne cassent pas le lien
autoplayTenter l’autoplaytrue = tentative ; le navigateur tranche

Forme indicative (copiez ce que la page affiche) :

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

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

Points d’attention

  • Droits : pouvoir lire ne suffit pas pour intégrer publiquement—vérifiez les licences.
  • Accessibilité : CORS ou flux interne uniquement = échec côté visiteurs aussi ; site en HTTPS → flux en HTTPS de préférence.
  • Autoplay : le paramètre ne garantit rien—testez aperçu et appareils réels.
  • Format : M3U8 (HLS) uniquement ; liens MP4 directs hors sujet ici.

Sur le site : lecture et qualité dans le lecteur M3U8 en ligne ; segments dans le téléchargeur M3U8 en ligne (usage et conformité à votre charge). Pas d’URL M3U8 ? Lisez d’abord Meilleur moyen de trouver une adresse M3U8.

En bref

The Stream Detector ou Network pour l’URL https de la playlist, avec Meilleur moyen de trouver une adresse M3U8 si besoin ; générateur, collage, autoplay, copie URL ou iframe. video_url et autoplay=true optionnel sont assemblés pour vous. Testez d’abord le flux de démo, puis remplacez par votre URL.