Vídeo

A seção de vídeo apresenta campanhas, produtos e detalhes de uso com conteúdo editável sobre a mídia ou ao lado dela.

Presets disponíveis

• Vídeo sobreposto — vídeo dentro da largura da página, com chamada posicionada sobre a mídia e reprodução manual pelo botão central.
• Vídeo com texto ao lado — vídeo e conteúdo comercial em duas colunas no desktop; no celular, a mídia vertical aparece antes do texto.
• Vídeo em tela inteira — vídeo em largura total, com reprodução automática, chamada sobreposta e botão.

Os presets são pontos de partida. Títulos, textos, botões, alinhamento, espaçamento, cores, capa e proporção no celular continuam editáveis no Brand Editor.

No catálogo Adicionar seção, os presets sobreposto e em tela inteira ficam em Vídeo. O preset lateral fica em Editorial de vídeo e texto.

Sem URL, a capa de exemplo mantém a composição e o overlay. No modo manual, o ícone de play é ilustrativo até cadastrar um vídeo. A Posição do botão de reprodução pode ser central ou à direita; o preset sobreposto começa centralizado. No celular, os espaçamentos internos respeitam os controles configurados no editor.

Reprodução e formatos

O campo de vídeo aceita os provedores disponíveis no editor, incluindo YouTube e Vimeo. Use uma imagem de capa para controlar a apresentação antes do carregamento do player.

Na reprodução automática, o vídeo inicia sem som quando entra na área visível, conforme as regras dos navegadores. Na reprodução manual, o visitante usa o controle de play sobre a capa.

No preset lateral, o vídeo usa formato quadrado no desktop e vertical no celular. O arredondamento é aplicado ao conjunto formado por mídia e conteúdo, sem criar cantos na divisão interna, inclusive quando os blocos ficam empilhados no celular. O sobreposto começa quadrado no celular. O preset em tela inteira ocupa 85% da altura visível, com mínimo de 480 pixels, tanto com vídeo quanto com placeholder. Desative Tela cheia para voltar à proporção configurada.

Antes de publicar

• Confira o recorte da capa e do vídeo no desktop e no celular.
• Garanta contraste suficiente entre a mídia, o overlay e os textos.
• Use títulos curtos nas composições sobrepostas.
• Teste o botão e a reprodução no storefront antes de publicar.