Elemento de vídeo

Sobre o elemento Vídeo

Ao contrário da versão 6, a versão mais recente do editor combina vários elementos de vídeo, como YouTube e Vimeo, em um único Vídeo elemento.

Com esse recurso atualizado, os usuários podem facilmente exibir vídeos em vários tipos de páginas e personalizá-los para capturar a atenção dos clientes rapidamente.

Como adicionar um elemento de vídeo?

Passo 1: Abra o Editor de GemPages e selecione uma página para editar. Encontre o elemento Vídeo na barra lateral esquerda sob a seção Mídia, ou use a barra de pesquisa para acesso rápido.

Passo 2: Arraste e solte o elemento em qualquer posição que você preferir.

Ao clicar no elemento Video, suas opções de configuração aparecerão na barra lateral esquerda. Essas opções serão explicadas nas próximas seções.

Configurar a guia Configurações

O processo de Configurações A guia oferece controle total sobre como seu vídeo é exibido e se comporta na sua página, incluindo:

vídeo Fonte

• Formato: Escolha sua plataforma de vídeo: YouTube, Vimeo, ou Hospedagem de vídeo (carregue vídeos diretamente para o Shopify ou use links de hospedagem externa).
• Link de vídeo: Cole o URL do vídeo ou o link de hospedagem.
• Imagem: Carregue uma imagem de visualização personalizada que seja exibida antes da reprodução do vídeo (especialmente útil quando a reprodução automática estiver desativada).
• Iniciar vídeo em: Escolha o ponto de partida para o seu vídeo. 
• Fim do vídeo em: Escolha o ponto final do seu vídeo.

Abaixo está um guia passo a passo para enviando seu próprio vídeo para o Shopify usando o Shopify CDN (Content Delivery Network) como host.

Etapa 1Aceda a Administração do Shopify > Conteúdo > Arquivos.

Etapa 2: Clique no "Fazer upload de arquivos” no canto superior direito. Se você não enviou nenhum arquivo aqui, o botão “Fazer upload de arquivos” aparecerá no meio da tela.

Etapa 3: Selecione o arquivo para enviar do seu dispositivo.

Etapa 4: Após finalizar o upload, copie a URL clicando no cadeia ícone.

Retorne ao Painel do GemPages e cole o link copiado na caixa Weblink.

Configuração de vídeo

Controle como seu vídeo se comporta quando carregado na página:

• Barra de controle: Habilita ou desabilita os controles do player de vídeo (reproduzir, pausar, barra de progresso, etc.).
• Parecer: Ativar/desativar som por padrão.
• Carga preguiçosa: Carregue o vídeo somente quando estiver na janela de visualização para melhorar a velocidade da página.
• Autoplay: Reproduza o vídeo automaticamente quando a página for carregada.
• Loop video: Repita o vídeo em um loop contínuo.

Observação:

• Os vídeos do YouTube não serão reproduzidos automaticamente quando o carregamento lento estiver ativado.
• Esteja ciente de que certos navegadores implementaram restrições na reprodução automática. Nesses casos, seu vídeo retornará à imagem em miniatura, exigindo que os espectadores cliquem manualmente em reproduzir para iniciar a reprodução.
• Habilitar o som do seu vídeo também pode fazer com que a reprodução automática seja desabilitada.

Dimensões:

Quadro: Selecione a proporção do seu vídeo, incluindo quadrado, 3:2, 4:3, 16:9 e 21:9.

Shape

Dê estilo ao seu quadro de vídeo usando estas opções:

• Fronteira: Adicione uma borda ao redor do seu vídeo. Defina cor, espessura e estilo de traço (sólido, tracejado, pontilhado).
• Canto: Arredonde as bordas do quadro do seu vídeo ajustando o raio. Você pode modificar todos os cantos de uma vez ou individualmente.
• Sombra: Adicione um efeito de sombra para profundidade ou foco. Configurar:
  • Formato: Interno, externo, centralizado, direcional
  • Direção: Defina o ângulo da sombra (por exemplo, 45°)
  • Cor, Distância, borrão e Dimensões:

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até o Avançado aba e siga as instruções em Este artigo.

Perguntas frequentes sobre o elemento de vídeo

Como adicionar um vídeo Vturb no GemPages

Você pode incorporar um vídeo do Vturb no GemPages usando o Código personalizado elemento.

Passo 1: Obtenha seu código de incorporação do Vturb

• Vá para o seu Painel de instrumentos Vturb
• Selecione o vídeo que deseja usar.
• Clique Incorporar/Compartilhar
• Copie o código de incorporação completo

Passo 2: Adicione o elemento de código personalizado no GemPages

• Abra sua página em Editor de GemPages
• Arraste o Código personalizado elemento em seu layout

• Selecione os HTML/Líquido aba

Passo 3: Cole o código de incorporação

• Cole o Código de incorporação completo do Vturb no campo HTML/Liquid
• Clique Economize e depois Publicar

Anotações importantes:

• Sempre use o código incorporado gerado a partir da sua conta Vturb
• Não reutilize nem modifique o ID de outro vídeo.
• Certifique-se de que o vídeo esteja publicado e ativo em Vturb