Como incorporar vídeo no Webflow

Formas de adicionar vídeo ao Webflow

1. 1.

   Use o elemento Video para YouTube ou Vimeo

   Arraste um elemento Video para a página e cole um URL do YouTube ou do Vimeo.

2. 2.

   Use um Background Video para ficheiros alojados

   Arraste um elemento Background Video e carregue um MP4 (os ciclos curtos e sem som funcionam melhor).

3. 3.

   Use o Code Embed para tudo o resto

   Arraste um elemento Code Embed e cole um iframe ou o código de um widget. O Code Embed requer um plano de site ou de workspace pago.

Reproduzir vídeo ao passar o rato e outras interações

As interações do Webflow podem reproduzir ou pausar um vídeo HTML5 ao passar o rato, visando um vídeo dentro de um Code Embed. Funciona, mas é código personalizado que tem de manter.

Um leitor ou uma galeria de vídeo sem código personalizado

A via sem código

Use Leitor com galeria ou um Carrossel de vídeos dentro de um Code Embed — vídeos do YouTube, Vimeo e alojados.

Experimente a Elfsight Video Gallery

Adicione uma galeria de vídeos ao Webflow com a Elfsight

1. 1.

   Abra o Designer

   No painel do Webflow, passe o rato sobre o site e clique em Open in Webflow.

2. 2.

   Adicione um Code Embed

   Clique em +, procure Code Embed e arraste-o para onde a galeria deve aparecer.

3. 3.

   Cole e publique

   Cole o código de instalação, clique em Save & Close e depois em Publish → Publish to Selected Domains.

Bom saber: o widget não é visível dentro do Designer — verifique-o em Preview (com o código personalizado ativado) ou no site publicado. O Code Embed requer um plano Site pago ou um plano Workspace pago; os planos gratuitos Starter não permitem código personalizado.

Guia completo com capturas de ecrã: Adicionar um widget da Elfsight ao Webflow ↗ · Prefere não o fazer sozinho? Peça instalação gratuita ↗