📘 Aula 21: Formatos de videos para sites 📘

Dicas de direitos autoriais sobre videos

Os vídeos publicados na internet estão protegidos por leis de direitos autorais. Isso significa que somente o criador ou o detentor legal da obra tem o direito de reproduzir, distribuir, editar ou monetizar o conteúdo. O uso de vídeos de terceiros sem autorização pode gerar bloqueios, reivindicações de conteúdo ou até ações legais. Sempre utilize vídeos de sua autoria, de domínio público ou com licença adequada (como Creative Commons) para garantir segurança e conformidade legal.

Site recomendado: Pexels.com

Compatibilidade de videos

Formatos mais comuns e compatíveis:

• MP4 (H.264 + AAC) → Chrome, Firefox, Safari, Edge e dispositivos móveis.
• WebM (VP8/VP9 + Opus/Vorbis) → Ideal para navegadores modernos, especialmente Chrome e Firefox.
• OGG/OGV (Theora + Vorbis) → Menos usado atualmente, mas funciona em Firefox e alguns navegadores livres.

Dicas práticas

1. Sempre forneça mais de um formato usando <source> dentro da tag <video>
   como vimos na aula anterior sobre áudio também se aplica em videos.
2. Inclua um fallback, como um link de download, caso o navegador não consiga reproduzir o vídeo.
3. Teste os vídeos em diferentes navegadores e dispositivos para garantir compatibilidade.

Para videos hospedados no sistema

Quando um vídeo é hospedado, ele fica armazenado em um servidor, podendo ser acessado diretamente pela página web.
Isso permite controlar a qualidade, formatos e disponibilidade do conteúdo, além de garantir que ele funcione corretamente para a maioria dos navegadores e dispositivos.

Ferramenta valiosa para conversão de videos: HandBrake Open Source

Recomendado: Assista video tutorial sobre a ferramenta antes de usar.

Resultados de tamanhos e formatos

Na imagem abaixo vemos resultados de tamanhos e formatos usando a ferramenta de conversão acima:

1. vídeo original sem conversão, pesando 31MB quase 32MB. OBS: é o mesmo vídeo.
2. vídeo em .MP4 convertido para web, pesando 5.575KB. OBS: é o mesmo vídeo.
3. vídeo convertido em WEBM com mesma qualidade, pesando 8.361KB. OBS: é o mesmo vídeo.
4. vídeo convertido em MKV, pesando 8.472KB. OBS: é o mesmo vídeo.
5. vídeo convertido em OGV, pesando 5.711KB. OBS: é o mesmo vídeo.

“Clique na imagem para ampliar"

×

NOTA: Vídeos pesados podem prejudicar tempo de carregamento, especialmente em mobile.
Fazer conversão para ter uma página de internet fluida e com menor custo na hospedagem do seu site e boas práticas.

Para converter em OGV usamos essa ferramenta Convertio.io