Adicionando vídeos - Ajuda do Framer

Last updated on 10/16/2025@mrbirddev
Adicionando vídeos - Ajuda do Framer

Adicionando vídeos

Você pode melhorar seu site adicionando vídeos, seja carregando um arquivo local ou incorporando conteúdo de plataformas como YouTube e Vimeo.

Para adicionar um vídeo ao seu site, clique no botão Inserir e navegue até a seção Mídia. Em seguida, arraste e solte um componente de vídeo na Tela. Você pode escolher entre três opções: um componente de vídeo nativo, YouTube ou Vimeo.

Defina uma imagem de pôster para servir como miniatura do vídeo. Esta imagem é usada pelo Google e outros mecanismos de busca para exibir uma prévia nos resultados de busca e snippets. O pôster deve ter pelo menos 60 x 30 px. Embora o Framer otimize o carregamento de vídeos, ele não otimiza o conteúdo do vídeo em si.

Captura de tela do painel "Mídia" no menu "Inserir" que mostra todos os diferentes componentes de Imagem e vídeo.

Incorporando do YouTube ou Vimeo

Para incorporar vídeos do YouTube ou Vimeo, basta inserir a URL do vídeo no componente correspondente. O vídeo será incorporado diretamente na Tela.

Para vídeos locais ou MP4s hospedados, use o componente de Vídeo. Você pode personalizar as seguintes propriedades:

  • Reprodução automática
  • Imagens de pôster
  • Raio da borda
  • Repetição
  • Tamanho

Captura de tela do menu à direita que mostra as diferentes opções do componente do Youtube dentro do Framer.

Vídeos com reprodução automática

Navegadores modernos, como Chrome e Safari, exigem que vídeos com reprodução automática estejam silenciados por padrão. Se o seu vídeo tiver áudio, é melhor iniciar a reprodução após a interação do usuário (como clicar em um botão). Você também pode conferir nosso guia sobre como reproduzir vídeos quando eles entram em exibição.

Acessibilidade de vídeo

Para vídeos sem trilha de áudio, inclua uma descrição em texto abaixo do vídeo para resumir seu conteúdo. Veja exemplos aqui.

Voltar para a ajuda do Framer

Last updated on 10/16/2025@mrbirddev
Recent Articles
Loading...