Exibição de vídeo na PDP utilizando Vimeo

[henrique98]

Olá amigos, tudo bem? Recentemente substitui a Amazon como plataforma de armazenamento de vídeo pela Vimeo.

Na Amazon, a exibição de vídeos curtos na PDP funcionava perfeitamente, porém com a mudança para a Vimeo não obtive o mesmo resultado.

O fluxo de subida de vídeos era bem simples, apenas adicionávamos o link do vídeo na Síntese (como mostra a imagem abaixo) e já refletia na PDP.

Repito o mesmo processo com a Vimeo mas não funciona corretamente, ele só exibe o player na página de produto como mostra a foto abaixo mas sequer funciona.

Alguém que também utiliza a Vimeo pode me ajudar com esse processo?

[estevao_santos]

@henrique98 Tudo certo?

Você pode verificar alguns passos:

1. Compatibilidade de Integração

A integração de vídeos da Vimeo pode funcionar de forma diferente da Amazon. Verifique se a forma como o Vimeo gera e compartilha links é compatível com o front-end da sua loja. A Amazon pode ter fornecido URLs diretas ou players específicos que a VTEX reconhecia automaticamente. O Vimeo pode exigir ajustes no código de embed ou algum script adicional para funcionar.

Possível solução: Teste diferentes formatos de URLs de vídeo do Vimeo (embed, links diretos) para ver se algum funciona melhor onde você está tentando colocar.

2. Configuração de Privacidade do Vimeo

Pode ser que as configurações de privacidade do vídeo no Vimeo estejam bloqueando a reprodução. Se os vídeos estiverem configurados para serem visíveis apenas em determinadas plataformas ou domínios, isso pode impedir que sejam exibidos na PDP.

Possível solução: No Vimeo, verifique as configurações de privacidade e permita que o vídeo seja exibido em qualquer lugar (ou pelo menos no domínio da sua loja).

Para saber mais, consulte Visão geral das configurações de privacidade de vídeo

3. Verificação do Player

O player pode estar sendo embutido, mas não totalmente carregado por falta de scripts ou configurações específicas.

Solução: Verifique o código embed do player do Vimeo. Tente usar o código embed diretamente gerado pelo Vimeo em vez de apenas o link de vídeo. Isso pode resolver o problema do player não funcionar corretamente.

4. Testes Locais e Console

Utilize o console do navegador para verificar se há algum erro de script ou de CORS (Cross-Origin Resource Sharing). Qualquer problema de política de segurança ou erro de JavaScript pode impedir o vídeo de ser carregado corretamente.

Possível solução: Abra o console de desenvolvedor (geralmente apertando F12 no navegador) e veja se há algum erro relacionado ao player ou ao carregamento do vídeo.

5. Dependências e Scripts Faltantes

O Vimeo requer a inclusão de alguns scripts para que seu player funcione corretamente no front-end. Verifique se o seu código está chamando o JavaScript necessário para carregar e exibir o vídeo do Vimeo na PDP.

Possível solução: Garanta que o script de player do Vimeo está sendo corretamente carregado, algo assim:

<script src="https://player.vimeo.com/api/player.js"></script>

Em suma:

1. Testar diferentes links do Vimeo (embed ou direto).
2. Ajustar as configurações de privacidade no Vimeo para permitir a exibição em qualquer domínio.
3. Utilizar o código embed do Vimeo gerado diretamente pela plataforma, em vez de links simples.
4. Verificar o console de desenvolvedor para encontrar possíveis erros.
5. Incluir o script de player do Vimeo se necessário.

Espero que estes passos possam de alguma forma te ajudara encontrar a raiz do problema.

Se for sucesso, marque-a como solução para apoiar outros da comunidade.

Abs,
Estevão.