Comment intégrer un flux M3U8
- 1
Collez votre M3U8 URL
Entrez le flux .m3u8 URL que vous souhaitez intégrer dans le champ ci-dessus.
- 2
Choisissez vos options
Choisissez la lecture automatique (en sourdine), un démarrage en sourdine et une taille réactive 16:9 ou fixe.
- 3
Copiez le code d'intégration
Copiez l'extrait <iframe> généré.
- 4
Collez-le dans votre site
Déposez l'extrait dans n'importe quelle page HTML, article de blog ou CMS autorisant le HTML brut.
Comment fonctionne le lecteur intégré
Le code d'intégration pointe un <iframe> vers une page de lecteur minimale et dédiée qui charge hls.js et lit votre flux. Il est distinct du site principal, il reste donc léger et n’a pas de navigation ni d’interface utilisateur supplémentaire. Étant donné que le lecteur s'exécute sur l'appareil du spectateur, le flux est récupéré directement par son navigateur, vous n'effectuez pas de proxy ni de réhébergement de quoi que ce soit.
Adaptatif par défaut
L'option réactive enveloppe l'iframe dans un conteneur 16:9 qui s'adapte à la largeur de son parent, ce que vous souhaitez pour la plupart des articles et des pages. Choisissez une taille fixe uniquement lorsque vous avez besoin de dimensions exactes, par exemple à l'intérieur d'une barre latérale ou d'une mise en page à largeur fixe.
Lorsqu'un flux ne s'intègre pas
Le lecteur intégré ne peut afficher que les flux que le navigateur du spectateur est autorisé à charger. Si un flux bloque l'accès d'origine croisée (CORS) ou nécessite un Referer personnalisé, il peut échouer à l'intérieur de l'iframe même s'il fonctionne dans le lecteur principal avec le proxy activé. Pour ces flux, testez d’abord dans le lecteur complet.
Questions fréquemment posées
L'intégration M3U8 est-elle gratuite ?
Oui. La génération et l'utilisation du code intégré sont entièrement gratuites, sans inscription et le lecteur ne diffuse aucune publicité.
Dois-je ajouter un script à mon site ?
Non, vous collez uniquement un <iframe>. Le lecteur et hls.js se chargent à l'intérieur de l'iframe à partir de la page d'intégration, votre site n'a donc besoin de rien d'autre.
Puis-je lire automatiquement le flux intégré ?
Oui, mais les navigateurs n'autorisent la lecture automatique que lorsque la vidéo est coupée, donc l'option de lecture automatique démarre le lecteur en mode silencieux.
Pourquoi mon flux est-il lu dans le lecteur principal mais pas dans l'intégration ?
L'intégration lit le flux directement dans le navigateur du spectateur. Si le flux a besoin du proxy CORS ou d'un Referer personnalisé, il peut échouer dans une iframe simple. Testez-le d'abord dans le lecteur complet.