Como adicionar um video em tela cheia

[contatoanaluisa]

ola eu estou criando um site para a minha marca e tenho um video de apresentação , mas gostaria de coloca-lo em tela cheia logo no cabeçalho do site ... teria alguma possibilidade do video ser embeded ? Um video que não venha do youtube e sim do site , porque eu queria que ele começasse automaticamente quando a pessoa abrisse o site e que nãobuscasse do youtube .

Obrigado

[Paula · Accepted solution]

Olá @contatoanaluisa !

Qual é o tema que você está usando? Se o seu tema tiver a seção "HTML Personalizado" ou "Conteúdo Personalizado", você conseguirá adicionar o vídeo através do código HTML como explicado nesse post da comunidade aqui.

Eu não sou especialista em codificação, mas eu encontrei essa conversa na comunidade que apresenta os passos para te ajudar a implementar o que está procurando. Pelo que eu vejo alguns lojistas conseguiram adicionar o próprio vídeo na página inicial da loja com a funcionalidade autoplay (começar automático) e no mudo. Esse post é da comunidade em inglês, portanto, se precisar poderá traduzir para o português utilizando o navegador Google Chrome - veja aqui como traduzir.

Segue abaixo todos os passos em português para conseguir implementar isso no tema da sua loja.

Nota: Certifique-se de usar o formato de vídeo MP4, que é o formato de vídeo mais recomendado. Além disso, lembre-se de que o vídeo não pode ser maior que 20 MB.

Etapa 1: Envie seu vídeo na página Arquivos:

1. No administrador da Shopify, vá para Configurações> Arquivos.
2. Clique em Carregar arquivos.
3. Selecione o vídeo para enviar. Clique em Abrir.
4. Copie o URL do vídeo e armazene-o em algum lugar (precisaremos dele novamente em breve):

 Etapa 2: adicione conteúdo HTML na seção Conteúdo Personalizado do seu tema:

1. Vá em Loja virtual> Tema ativo> Personalizar> Adicione a seção Conteúdo Personalizado

 2. Dentro da seção Conteúdo Personalizado/ HTML Personalizado copiei o URL do seu vídeo na Etapa 1 e adicione este código ao HTML:

<video autoplay loop muted playsinline controls style="max-width: 100%; height: auto;">
  <source src="seu_url_vai_aqui" type="video/mp4">
Your browser does not support our video.
</source></video> 

Certifique-se de substituir "seu_url_vai_aqui" no código pelo URL do seu vídeo como mostra na Etapa 1. 

3. Clique em Salvar

Siga todos esses passos e me avise se conseguiu adicionar o vídeo. Espero ter ajudado! Adoraria saber mais sobre a sua loja. Como está indo o desenvolvimento? Você está na fase inicial de configuração ou já está fazendo vendas?