Por que não usar a tag de vídeo pura?

Uma tag de vídeo HTML simples com um MP4 funciona para um loop de dez segundos, e depois deixa de funcionar. Arquivos grandes travam em conexões lentas, os formatos variam entre navegadores e sua própria hospedagem paga a banda toda vez que alguém dá play. Um player incorporado inverte isso. O arquivo fica no FileHost.net, o streaming se adapta à conexão do espectador e sua página carrega apenas um pequeno iframe.

O que o player inclui de verdade

A reprodução roda em um player baseado em Video.js que faz streaming HLS. Os espectadores têm tela cheia, menu de velocidade, atalhos de teclado para reproduzir, avançar, volume, mudo e tela cheia, um modo cinema que escurece a página e miniaturas ao passar o mouse na linha do tempo, geradas automaticamente após o upload. As legendas podem ser adicionadas como arquivos SRT, em 45 idiomas, e o player pode iniciar com uma faixa de legenda já ativada, se você preferir.

Os donos podem definir largura e altura do embed, adicionar seu logo, escolher uma imagem de capa ou poster e, no Premium, mudar a cor do player para combinar com o site. Usuários avançados podem conectar uma tag de anúncio VAST ou configurações de pop pelo painel.

Recursos do player

Conferido com o código do player, não é lista de desejos.

Streaming HLS

A entrega segmentada faz a reprodução começar rápido e o avanço ser suave, mesmo em vídeos longos.

Legendas

Carregue faixas SRT por idioma, ative-as pelo player ou comece com as legendas ligadas.

Velocidade e atalhos

Um menu de velocidade e controles de teclado cobrem reproduzir, avançar, volume, mudo, tela cheia e modo cinema.

Modo cinema

Escureça a página ao redor para o vídeo ganhar destaque e volte ao normal com uma tecla.

Prévias na timeline

As miniaturas ao passar o mouse são criadas durante o processamento para os espectadores acharem um momento sem adivinhar.

Sua marca

Adicione um logo, escolha a capa, defina o tamanho do embed e, no Premium, escolha a cor do player.

Incorpore um vídeo em cinco passos

  1. 1Envie o vídeo e aguarde ele aparecer como pronto na sua lista de vídeos.
  2. 2Abra o vídeo e escolha a aba de embed. O código padrão é um iframe de 600 por 480 pixels que você pode redimensionar.
  3. 3Copie o código e cole na visualização HTML da sua página ou em um bloco de HTML personalizado do seu editor.
  4. 4Deixe-o responsivo envolvendo o iframe em um contêiner com proporção 16 por 9, que a maioria dos temas já oferece.
  5. 5Abra a página em uma janela privada, no celular e no computador, para conferir a reprodução e o tamanho antes de publicar.

Código embed

iframe básico

Esta é a estrutura que o painel gera. Substitua o código pelo ID público do seu próprio vídeo.

<iframe width="600" height="480" src="https://filehost.net/e/YOUR_CODE" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>

Contêiner responsivo

Um pequeno contêiner mantém a proporção 16 por 9 em qualquer largura de tela. Adicione-o à sua folha de estilos e use o mesmo iframe dentro dele.

<div style="position:relative;aspect-ratio:16/9;max-width:100%">
  <iframe src="https://filehost.net/e/YOUR_CODE"
    style="position:absolute;inset:0;width:100%;height:100%;border:0"
    allowfullscreen="true"></iframe>
</div>

Desempenho e considerações de SEO

Um iframe é isolado dos seus próprios scripts, então não deixa seu layout lento nem conflita com o tema, mas os mecanismos de busca tratam o vídeo como pertencente ao endereço incorporado. Combine o embed com um título descritivo, um resumo curto e uma transcrição na sua própria página para que o conteúdo continue ranqueando. Adicione o atributo loading com valor lazy ao iframe quando o vídeo ficar abaixo da dobra.

Como o trabalho pesado acontece em outro lugar, sua conta de hospedagem não aumenta quando o tráfego dispara. É o maior benefício prático para sites pequenos em hospedagem compartilhada.

Monetizando views incorporadas

As visualizações pelo player incorporado contam para os ganhos na mesma tarifa da página de reprodução, então um artigo popular pode se pagar sozinho. Você também pode exibir seus próprios anúncios VAST no player; o tráfego servido enquanto seus anúncios estão ativos sai da banda Premium, que custa uma tarifa fixa de 2 dólares por terabyte. Leia as regras de ganhos antes de montar um plano de negócios em cima disso.

Solução de problemas

Se o player mostrar uma caixa em branco, verifique se sua página não está bloqueando frames de terceiros por uma política de segurança de conteúdo. Se as legendas não aparecerem, confirme que a faixa foi adicionada ao vídeo certo e está em formato SRT. Se a página ficar estranha em celulares, troque largura e altura fixas pelo contêiner responsivo acima.

Como o FileHost.net se compara

Incorporar de um serviço tipo drive costuma resultar em um quadro de prévia desajeitado. Veja como os players diferem.

Ver todas as comparações

Ferramentas e guias relacionados

Pronto para testar?

Envie um clipe, copie o iframe e cole em uma página de teste. Em cinco minutos você sabe se o player combina com o seu site.

Perguntas frequentes

Envie o vídeo, abra a aba de embed, copie o código do iframe e cole no HTML da sua página.

Sim. Adicione arquivos SRT em qualquer um dos 45 idiomas, e os espectadores podem ativá-las no player.

Sim. Defina largura e altura no código ou use um contêiner responsivo para que se ajuste à página.

Você pode adicionar seu próprio logo. A cor personalizada do player faz parte do Premium, e anúncios ou logo podem ser removidos com banda Premium.

Sim. As views em vídeos incorporados contam na mesma tarifa das views da página de reprodução.