Como incorporar um vídeo num site (em qualquer plataforma)
As três formas de pôr vídeo num site
Incorporação do YouTube / Vimeo
Ideal para
A ter em conta
Etiqueta HTML5 <video>
Ideal para
A ter em conta
Widget de galeria de vídeos
Ideal para
A ter em conta
Método 1: incorporar um vídeo do YouTube ou do Vimeo
Abra o vídeo, clique em Partilhar → Incorporar, copie o iframe e cole-o num bloco HTML ou de incorporação do seu site. Para o tornar responsivo, envolva-o num contentor com aspect-ratio: 16 / 9. O nosso gerador de código de incorporação do YouTube e o gerador de incorporação do Vimeo, gratuitos, fazem isto por si e acrescentam opções como reprodução automática e repetição.
Método 2: alojar o ficheiro e usar a etiqueta video
Para clipes curtos — um ciclo de destaque, uma rotação de produto — carregue um MP4 (vídeo H.264, áudio AAC) para o seu alojamento ou CDN e use o elemento de vídeo HTML5. Adicione controls, uma imagem poster e preload="metadata" para que a página se mantenha rápida. O nosso guia da etiqueta de vídeo HTML abrange todos os atributos.
Método 3: adicionar uma galeria de vídeos
Quando tem mais do que um vídeo — um canal, uma playlist, testemunhos, Shorts e Reels — incorporá-los um a um torna-se confuso. Um widget de galeria de vídeos vai buscá-los à fonte, mantém-nos atualizados e mostra-os numa grelha, num carrossel ou num leitor com playlist.
Passo a passo para a sua plataforma
Torne o vídeo incorporado rápido
Use carregamento diferido nos vídeos abaixo da zona visível.
Use uma imagem de póster em vez de carregar o leitor de imediato.
Mantenha os clipes com reprodução automática curtos, sem som e comprimidos.
Não aloje vídeos longos no seu próprio servidor — use o YouTube, o Vimeo ou uma CDN de vídeo.
Mais em Como otimizar vídeo para o seu site.
Nesta página
