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.
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.
Conferido com o código do player, não é lista de desejos.
A entrega segmentada faz a reprodução começar rápido e o avanço ser suave, mesmo em vídeos longos.
Carregue faixas SRT por idioma, ative-as pelo player ou comece com as legendas ligadas.
Um menu de velocidade e controles de teclado cobrem reproduzir, avançar, volume, mudo, tela cheia e modo cinema.
Escureça a página ao redor para o vídeo ganhar destaque e volte ao normal com uma tecla.
As miniaturas ao passar o mouse são criadas durante o processamento para os espectadores acharem um momento sem adivinhar.
Adicione um logo, escolha a capa, defina o tamanho do embed e, no Premium, escolha a cor do player.
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>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>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.
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.
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.
Incorporar de um serviço tipo drive costuma resultar em um quadro de prévia desajeitado. Veja como os players diferem.
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.