Bloco Vídeo: coloque um vídeo do YouTube ou Vimeo

O bloco Vídeo mostra um vídeo do YouTube ou do Vimeo dentro da página, sem mandar o visitante para fora do seu site. Use para apresentar a imobiliária, um empreendimento ou um tour gravado.

Onde encontrar o bloco

1. Abra o editor. No painel, vá em Site › Editor visual e escolha a página no seletor "Página" (Página inicial ou Página do imóvel).
2. Clique na aba "+ Adicionar". Os blocos aparecem em grupos. Este está no grupo Básico, com o nome Vídeo. Se preferir, digite "vídeo" em "Buscar bloco…".
3. Coloque na página. Arraste o bloco até o lugar desejado ou clique nele para ir ao fim da página.
4. Abra as opções. Clique no bloco na prévia (ou na aba "Blocos"). A lateral mostra as abas Conteúdo e Estilo.
5. Publique. O que você muda fica em rascunho até clicar em Publicar. Veja como.

suaimobiliaria.realimob.com.br/painel/editor⤢

12

1. 1Digite o nome do bloco para achar mais rápido.
2. 2Arraste este bloco para a página ou clique para pôr no fim.

O que o bloco mostra no site

Um título opcional e, abaixo, o player do vídeo em formato widescreen (16:9), com cantos arredondados e largura máxima de 980 px. O YouTube é carregado no modo "sem cookies" (youtube-nocookie), que respeita melhor a privacidade do visitante. O vídeo só carrega quando a pessoa chega perto dele, para o site continuar rápido.

suaimobiliaria.realimob.com.br/painel/editor⤢

12

1. 1Título opcional.
2. 2O vídeo, em formato widescreen.

Campos da aba Conteúdo

• Título (opcional, até 120 letras). Aparece acima do vídeo. Vazio = sem título. Segue o "Alinhamento do texto" da aba Estilo.
• Endereço do vídeo (YouTube ou Vimeo). Cole o link da barra de endereços. São aceitos: youtube.com/watch?v=..., youtu.be/..., youtube.com/shorts/..., youtube.com/embed/... e vimeo.com/NÚMERO. O endereço precisa começar com https:// (ou http://). Outro serviço (Instagram, Facebook, arquivo MP4) não é reconhecido e o bloco fica vazio, com o aviso "cole o endereço de um vídeo do YouTube ou do Vimeo" no editor.

suaimobiliaria.realimob.com.br/painel/editor⤢

12

1. 1Título opcional acima do vídeo.
2. 2Cole aqui o endereço do YouTube ou Vimeo.

Aba Estilo (igual em todos os blocos livres)

Ao lado de Conteúdo há a aba Estilo. Ela tem os mesmos campos em todo bloco livre:

• Fundo: Sem fundo, Cinza claro, Cor principal ou Cor de destaque (as cores do seu site). Em fundo escuro, os títulos ficam brancos. Saiba mais.
• Outra cor de fundo: qualquer cor sua, que vale no lugar do fundo pronto. Use o seletor ou digite um código como #1b6a3a.
• Cor do texto: muda a cor das letras do bloco. Vazio = automática.
• Alinhamento do texto: Padrão, À esquerda, Centralizado ou À direita.
• Espaço em cima e embaixo: Nenhum, Pequeno, Médio (padrão) ou Grande. No computador vale 0, 40, 76 ou 110 px; no celular o site reduz sozinho.
• Largura: Alinhada ao conteúdo (padrão, com margens laterais) ou Tela inteira (de ponta a ponta). Saiba mais.
• Mostrar em: Computador e celular, Só no computador ou Só no celular. Saiba mais.
• Espaçamento (px): Preenchimento (espaço por dentro) de 0 a 400 e Margem (espaço por fora) de -300 a 400, nos quatro lados. O cadeado muda os quatro lados juntos. Em branco = padrão. Saiba mais.
• No celular: Espaço em cima e embaixo, Alinhamento do texto, Preenchimento e Margem só para telas pequenas (padrão "Igual ao computador"). Use o botão de celular no alto do editor para conferir.
• Animação ao aparecer na tela: Nenhuma, Surgir, Subir, Aproximar ou Vir do lado. Saiba mais.
• CSS personalizado: para quem conhece CSS (até 5.000 caracteres; use selector para falar do bloco). Saiba mais.

O fundo "Cor principal" com o vídeo no centro dá um aspecto de cinema. Use Alinhamento do texto: Centralizado para centralizar o título.

suaimobiliaria.realimob.com.br/painel/editor⤢

1234

1. 1Escolha um fundo pronto para destacar o bloco.
2. 2Regule o espaço acima e abaixo.
3. 3Conteúdo alinhado ou tela inteira.
4. 4Mostre só no computador ou só no celular.

Exemplos de uso

• Apresentação da imobiliária: título "Conheça a nossa história" e o vídeo institucional.
• Empreendimento: o vídeo de lançamento, logo antes do botão "Falar com um corretor".
• Lado a lado com texto: numa seção de duas colunas, texto na esquerda e vídeo na direita.

Veja também

• Fundo e cor do bloco (aba Estilo)
• Como editar as opções de um bloco
• Vídeo e tour 360° do imóvel
• Seção com colunas