O Card de Vídeo é o bloco que coloca um vídeo dentro de uma página do seu site. Ele serve para apresentar seu trabalho em movimento, mostrar os bastidores de um ensaio ou abrir a página com uma cena que conta a sua história melhor do que uma foto parada.
Você traz o vídeo de três formas: cola o link do YouTube ou do Vimeo, envia um arquivo do seu computador, ou reaproveita um vídeo que já está no site. Depois escolhe a capa, a forma de tocar e a aparência do Card. Veja como fazer isso.
⚠️ Atenção!
Este passo a passo vale para a Nova 46graus,
o Painel que abre em app.46graus.com.
Na Versão Clássica as telas são outras.
Adicione um Card de Vídeo à página
Acesse o Painel 46graus e escolha o site.
Abra o Editor do site.
Clique em Adicionar Card, na barra de ferramentas do Editor.
Escolha a categoria Vídeos e selecione o Card que você quer.
O Card entra na página já com um vídeo de exemplo tocando, para você ver como ele vai ficar.
❗ Aviso:
Enquanto o vídeo de exemplo estiver no Card,
a edição da capa fica bloqueada.
Ela libera assim que você coloca o seu vídeo.
Escolha de onde vem o vídeo
Com o Card na página, clique no vídeo e, na barra de ferramentas, clique em Adicionar vídeo (ou Substituir vídeo, se já houver um). A janela que abre traz as três formas de enviar o vídeo.
Cole o link do YouTube ou do Vimeo
É o caminho mais leve: o vídeo continua hospedado lá e não ocupa o armazenamento do seu site. Ele também já vem com a capa pronta.
Na janela de mídia, abra a aba Vídeo.
Cole o endereço do vídeo no campo de link.
Confirme.
O vídeo aparece no Card na hora.
💡 Dica!
Vídeo grande demais para enviar?
Publique no YouTube (inclusive como não listado) e cole o link aqui.
Envie um arquivo do seu computador
Na janela de mídia, abra a aba Vídeo.
Escolha o arquivo no seu computador.
Aguarde o envio.
Os formatos aceitos são MP4, WebM e MOV, com até 30 MB por vídeo. O arquivo fica guardado em Meus Arquivos e ocupa o mesmo espaço das suas fotos.
❗ Aviso:
A janela fecha assim que o arquivo entra na fila,
e o envio continua rodando por trás.
O vídeo aparece sozinho quando terminar de subir.
Como a janela fecha antes de finalizar o upload, muita gente acha que falhou e envia o mesmo vídeo várias vezes (o que enche o armazenamento com cópias). Se isso aconteceu com você, abra Meus Arquivos e apague as cópias que sobraram.
Importe um vídeo que já está no site
Na janela de mídia, abra a aba Importar.
Escolha o vídeo que você quer reaproveitar.
Aqui aparecem tanto os arquivos que você enviou quanto os links que você já colou em outras páginas. É por isso que um vídeo do YouTube usado uma vez volta a aparecer nesta lista.
💡 Dica!
Para guardar um vídeo do YouTube antes de decidir onde usar,
cole o link uma vez em qualquer Card e depois traga ele pela aba Importar.
Defina a capa do vídeo
A capa é a imagem parada que aparece antes de o vídeo tocar, e também nas listagens do Painel.
Vídeo por link já vem com a capa pronta, buscada do YouTube ou do Vimeo. Vídeo enviado como arquivo não gera capa, então ele aparece como um retângulo escuro com o nome do arquivo até você enviar uma imagem. Isso é o esperado, e a solução leva um minuto.
A capa mora dentro dos ajustes do vídeo:
Clique no Card de Vídeo.
Clique em Ajustes.
Clique no nome do vídeo, em Mídia.
Role até a seção Capa.
Enquanto o vídeo estiver sem capa, a seção traz o botão Adicionar capa, que envia uma imagem sua em JPG, PNG ou WebP. Com a capa no lugar, ela aparece ali em miniatura e os botões passam a ser dois:
Ajustar escolhe qual parte da imagem fica visível quando ela é cortada.
Substituir troca a capa por outra imagem.
⚠️ Atenção!
A capa pertence ao vídeo, não à página.
Se o mesmo vídeo está em dois lugares, trocar a capa troca nos dois,
e o Editor avisa com Imagem compartilhada antes de salvar.
Quem quiser capas diferentes para o mesmo vídeo precisa de duas cópias dele. E ao trocar um vídeo por outro, a capa antiga não é reaproveitada.
❗ Aviso:
A capa usa o formato 16:9, o mesmo do player.
Uma imagem vertical aparece cortada nas laterais,
e o botão Ajustar decide o que fica visível.
Escolha como o vídeo toca
Reprodução automática ou ao clicar
Automático: o vídeo toca sozinho, sem som e em loop, sem os controles à vista.
Ao clicar: o vídeo fica parado na capa até o visitante apertar o play, e aí toca com som e com os controles do player.
O som existe só na segunda opção, e a razão está fora da 46graus: nenhum navegador deixa um vídeo começar sozinho com som. É por isso que tocar sozinho e ter som nunca andam juntos. Se o som importa para a sua página, escolha Ao clicar.
O que acontece quando o visitante clica
São quatro opções, e algumas conversam entre si:
Reproduz aqui dá o play no próprio lugar.
Nada deixa o clique sem efeito.
Expande abre o vídeo grande sobre a página.
Link leva o visitante para outro endereço.
Duas delas ficam bloqueadas conforme a reprodução escolhida, e isso tem lógica: Reproduz aqui fica indisponível quando a reprodução é Automático, porque o vídeo já está tocando; e Nada fica indisponível quando a reprodução é Ao clicar, porque sem o clique nada tocaria. Definir um Link empurra a reprodução para Automático.
Prévia ao passar o mouse
Com a Pré-visualização ao passar o mouse ligada, o vídeo dá uma amostra silenciosa quando o mouse passa por cima. Desligada, ele fica parado na capa.
❗ Aviso:
No celular a prévia não acontece,
porque não existe passar o mouse numa tela de toque.
O visitante vê a capa parada, e isso é o esperado.
Ajuste a aparência do Card
Clique no vídeo e use a barra de ferramentas para afinar a apresentação.
Proporção
Escolha entre Cinema, Paisagem, Clássico, Quadrado, Vertical e Telefone. Vídeo gravado na horizontal combina com Cinema ou Paisagem; vídeo gravado no celular fica melhor em Vertical ou Telefone.
Layout do botão de reprodução
São quatro posições para o botão de play: 01 Centro, 02 Canto, 03 Título e 04 Editorial. Elas mudam onde o play aparece sobre a capa.
Layout do Card e versão mobile
O botão Alterar layout fica na barra de ferramentas do Card: com o vídeo selecionado, clique em Card, no pé da barra de ferramentas. Cada clique em Alterar layout percorre os arranjos disponíveis para o Card de Vídeo, e a prévia muda junto. Os Cards de Vídeo estão entre os mais fartos do Editor em quantidade de layouts.
A Versão Mobile tem ajuste próprio: espaçamento e alinhamento são gravados por dispositivo, então vale conferir o resultado nas duas telas antes de seguir.
Esses ajustes de layout, cor e fundo são os mesmos em qualquer Card do Editor.
Use o mesmo vídeo em outros lugares
O Card de Vídeo é o lugar mais direto, e não é o único. O mesmo vídeo entra também no fundo de um Card, na galeria, no banner rotativo, na grade de mídias, nas páginas de Galerias, na mídia dos seus produtos e no cabeçalho da sua Loja. A aba Importar existe justamente para isso.
Resolvendo dúvidas comuns
Posso colar o código de incorporação do YouTube?
O campo espera o endereço do vídeo, aquele que aparece na barra do navegador ou no botão de compartilhar do YouTube. Cole o endereço e a 46graus monta o player para você.Meu vídeo aparece como um retângulo escuro com o nome do arquivo. O que houve?
Ele está sem capa, o que acontece com vídeo enviado como arquivo. Clique no vídeo, abra Ajustes, clique no nome do vídeo e use Adicionar capa, na seção Capa, para enviar a imagem que aparece antes de o vídeo tocar.Posso usar o link de um vídeo do Instagram, do TikTok ou do Drive?
O Card reconhece endereços do YouTube e do Vimeo. Para um vídeo que está em outro lugar, o caminho é publicar no YouTube, inclusive como não listado, e colar esse endereço, ou enviar o arquivo direto.Meu vídeo tem mais de 30 MB. Como coloco ele no site?
Publique no YouTube ou no Vimeo e cole o link: o vídeo pode ter qualquer tamanho e ainda economiza o armazenamento do seu site. A outra saída é reduzir o arquivo antes de enviar.Dá para o vídeo tocar sozinho com som quando a pessoa entra na página?
O som acompanha o play do visitante. Deixe a reprodução em Ao clicar: o visitante vê a capa com o botão de play e, quando aperta, o vídeo toca com som.Enviei o vídeo e a janela fechou antes de terminar. Preciso enviar de novo?
O envio continua rodando por trás e o vídeo aparece sozinho quando termina. Antes de reenviar, confira em Meus Arquivos se ele já subiu.
Precisa de ajuda?
Com o vídeo no ar, sua página ganha movimento e conta a sua história do jeito que uma foto sozinha não conta. Se ficar com alguma dúvida, chame a gente no chat de atendimento. Estamos por aqui para ajudar você a deixar tudo redondo. 😊