Vídeo tutorial: adicione vídeos incorporados às exportações de banners do Figma

Este vídeo mostra como adicionar arquivos de vídeo incorporados aos seus banners usando o plugin Bannerify.

Links do YouTube/Vimeo não funcionam. Você precisa usar um link direto para a URL de um arquivo de vídeo .mp4, fazendo antes o upload do vídeo para um serviço como o Dropbox.

Por padrão, as URLs de vídeos hospedados continuam remotas nas exportações HTML. O Bannerify mantém as URLs diretas de vídeos .mp4/.webm incorporados no HTML exportado, em vez de baixar o vídeo para o ZIP. Para empacotar os arquivos de vídeo hospedados nos ZIPs da exportação HTML, ative Download videos into ZIP ao lado do campo da URL de incorporação. Os uploads para Google Ads HTML5 e Google App Campaign Playable continuam deixando as URLs dos vídeos incorporados fora do pacote, porque esses uploads de ZIP não aceitam arquivos de vídeo empacotados.

Embora a Figma Plugin API não permita ler arquivos de vídeo diretamente das camadas do seu arquivo do Figma, o Bannerify permite incorporar vídeos às camadas da linha do tempo que não são de texto: basta colar uma URL direta que aponte para um arquivo .mp4 ou .webm.

Para conseguir um arquivo de vídeo, você pode procurar vídeos de banco de imagens gratuitos em um site como o Pixabay ou fazer upload do seu próprio arquivo .mp4 ou .webm para um serviço de hospedagem de arquivos como o Dropbox ou o Backblaze B2 e depois copiar o link da URL para usar na sua animação no Bannerify.

Por padrão, o vídeo se repete automaticamente, mas você pode mudar isso, se precisar, desativando a opção Loop Embed.

Para remover a animação de vídeo da camada, clique de novo no botão de ícone Settings e apague a URL do campo de incorporação de vídeo.

Se você estiver copiando um link do Dropbox, confira se ele aponta diretamente para o próprio arquivo de vídeo (a URL deve conter .mp4), porque às vezes os botões “Share”/“Copy Link” do Dropbox geram um link para uma pasta inteira, dependendo de qual parte da interface do Dropbox você usa.

Aplicar URLs de arquivos de vídeo em massa. Como nas outras configurações de camada, você também pode aplicar a URL do arquivo de vídeo a várias camadas de uma vez usando o recurso de aplicação em massa.

Trocas de vídeo e Lottie pela planilha. Você também pode trocar a mídia incorporada em cada linha da planilha durante a exportação usando o fluxo de trabalho de variantes com URLs diretas de .mp4, .webm ou .json, ou com arquivos .mp4, .webm ou .json correspondentes incluídos em um ZIP enviado.

Mantenha o tamanho total dos vídeos incorporados abaixo de 4mb para evitar que o seu banner seja bloqueado pela atualização da política de anúncios pesados do Chrome.