OMR Reviews
Saber mais"Finalmente encontrei uma ferramenta que me permite incorporar vídeos no meu website em conformidade com o RGPD e sem cookies adicionais."
Tutorial
Personaliza o teu Player de vídeo: cria o teu próprio layout
Queres que o teu Player de vídeo combine perfeitamente com o design do teu website? Com o Ignite, é muito simples.
Neste tutorial, mostramos-te como criar designs personalizados com o Ignite. Quer sejam cores ou branding — faz o teu Player destacar-se. A melhor parte? É super fácil — sem tecnologia complexa nem conhecimentos de programação!
Passo 1: Personaliza as cores do teu Player de vídeo
Depois de publicares o teu vídeo e estares pronto para o incorporar, podes personalizar as cores do Player. Aqui estão as tuas opções:
- Cor de destaque: Ajusta o botão de reprodução e a barra de progresso. Deve ser a tua cor mais chamativa.
- Cor de fundo: Define a barra por trás do menu do Player, garantindo visibilidade em todos os vídeos.
- Elementos da interface: Personaliza todos os outros botões e a cor do texto — exceto o botão de reprodução.
Importante: A acessibilidade é fundamental! As nossas cores predefinidas foram concebidas para alto contraste, tornando o Player fácil de usar para pessoas com deficiências visuais. Se alterares as cores, certifica-te de que mantêm alto contraste para melhor legibilidade.
Passo 2: Ajusta a proporção de aspeto
A proporção de aspeto é simplesmente a relação entre a largura e a altura do teu vídeo. O formato clássico é 16:9, mas com uma abordagem mobile-first, 9:16 ou 4:5 está a tornar-se mais comum.
O nosso Player permite-te escolher entre estes formatos populares: 16:9, 9:16, 4:5, 4:3, 3:4, 1:1
Também podes ativar o modo responsive, que ajusta automaticamente o Player ao tamanho do seu contentor no teu website.
Passo 3: Ajusta o ajuste do vídeo
Também conhecido como "Video Fit", esta definição determina como o teu vídeo se comporta dentro da proporção de aspeto do Player.
Parece complicado? É relevante quando o teu vídeo não corresponde ao formato do Player ou quando queres que preencha o Player inteiro.
Exemplo: Tens um vídeo 16:9, mas o teu Player está definido como 1:1 no teu website.
- Conter: O vídeo inteiro permanece visível, mas aparecem barras pretas em cima e em baixo.
- Preencher: O vídeo preenche o Player, centrado, mas é cortado à esquerda e à direita.
Consulta a captura de ecrã acima para um exemplo visual.
Info: Contraste de cores e acessibilidade no Player de vídeo
Tens controlo total sobre as cores do teu Player — não impomos quaisquer restrições. No entanto, recomendamos vivamente que consideres a acessibilidade ao escolher as tuas cores.
Por predefinição, o Player foi concebido para ser acessível. Mas para manter isto, deves garantir combinações de cores com alto contraste para melhor legibilidade e usabilidade.
Para te ajudar com isto, é apresentada uma pequena classificação de acessibilidade, que te dá feedback instantâneo sobre o contraste de cores escolhido.
Cria e gere designs globais
Desde janeiro de 2025, podes criar e gerir designs globais para o Player de vídeo. Isto permite-te definir um design predefinido uma vez e aplicá-lo facilmente sempre que integrares novos vídeos.
Design e branding totalmente personalizados?
Estas são as opções de personalização disponíveis ao usar o nosso Player. No entanto, também és livre de usar apenas o nosso hosting de vídeo europeu e integrar o teu próprio Player personalizado.
Neste caso, podes simplesmente usar os ficheiros HLS, playlists ou ficheiros MP4 que fornecemos. Esta abordagem é tipicamente usada em projetos web maiores que requerem controlo total do design.
