Player incorporável

M3U8 Incorporar: Adicione um player HLS ao seu site

Incorporar um stream M3U8 significa colocar um pequeno player HLS em sua própria página com um <iframe>. Cole um stream URL abaixo, escolha suas opções e copie o código gerado em qualquer site ou blog. O player é leve, responsivo e carrega a partir de uma página incorporada dedicada, sem necessidade de conta ou tag de script.

Incorporar código
<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>

Como incorporar um stream M3U8

  1. 1

    Cole seu M3U8 URL

    Insira o stream .m3u8 URL que deseja incorporar no campo acima.

  2. 2

    Escolha suas opções

    Escolha reprodução automática (sem som), início sem som e tamanho responsivo de 16:9 ou fixo.

  3. 3

    Copie o código de incorporação

    Copie o snippet <iframe> gerado.

  4. 4

    Cole-o em seu site

    Coloque o snippet em qualquer página HTML, postagem de blog ou CMS que permita HTML bruto.

Como funciona o player incorporado

O código incorporado aponta um <iframe> para uma página dedicada e mínima do player que carrega hls.js e reproduz seu stream. Ele é separado do site principal, por isso permanece leve e não possui navegação ou interface de usuário extra. Como o player é executado no dispositivo do visualizador, o stream é obtido diretamente pelo navegador, você não está fazendo proxy ou re-hospedando nada.

Responsivo por padrão

A opção responsiva envolve o iframe em um contêiner 16:9 que se ajusta à largura pai, que é o que você deseja para a maioria dos artigos e páginas. Escolha um tamanho fixo somente quando precisar de dimensões exatas, por exemplo, dentro de uma barra lateral ou de um layout de largura fixa.

Quando um stream não é incorporado

O player incorporado só pode mostrar streams que o navegador do visualizador tem permissão para carregar. Se um stream bloquear o acesso de origem cruzada (CORS) ou exigir um Referer personalizado, ele poderá falhar dentro do iframe mesmo que funcione no player principal com o proxy habilitado. Para essas transmissões, teste primeiro no player completo.

Perguntas frequentes

A incorporação M3U8 é gratuita?

Sim. A geração e o uso do código incorporado são totalmente gratuitos, sem inscrição e o player não mostra anúncios.

Preciso adicionar um script ao meu site?

Não. Você só cola um <iframe>. O player e o hls.js são carregados dentro do iframe da página incorporada, portanto, seu site não precisa de mais nada.

Posso reproduzir automaticamente o stream incorporado?

Sim, mas os navegadores só permitem a reprodução automática quando o vídeo está sem som, então a opção de reprodução automática inicia o player sem som.

Por que minha transmissão é reproduzida no player principal, mas não na incorporação?

A incorporação reproduz o stream diretamente no navegador do visualizador. Se o fluxo precisar do proxy CORS ou de um Referer personalizado, ele poderá falhar em um iframe simples. Teste-o primeiro no player completo.