1

Estou criando um projeto na qual tenho um video rolando na página em background, na versão desktop está funcionando perfeitamente, mas no mobile o video não executa e fica apenas a tela azul (div que coloquei para dar um opacity no video).

<video autoplay loop id="video-background" muted>
 <source src="expo.mp4" type="video/webm">
</video>

Servidor de teste: https://cliente.creativecode.art.br/expotattoo.html

Alguém pode me ajudar?

4
  • Na versão mobile ou no celular?
    – Sam
    Commented 27/01/2018 às 2:46
  • Celular, ou mobile, acho que dá na mesma né Commented 27/01/2018 às 2:51
  • não... vc pode abrir a versão mobile no desktop
    – Sam
    Commented 27/01/2018 às 2:51
  • Enfim, no cel não tá indo Commented 27/01/2018 às 2:53

1 Resposta 1

1

Conforme respondido aqui, dispositivos móveis não rodam vídeos em background. É interessante incluir o atributo poster na tag <video>, que irá mostrar uma imagem estática no lugar do vídeo.

Para que o fundo não fique apenas com uma cor, coloque em poster uma imagem relacionada ao vídeo:

<video autoplay loop id="video-background" muted poster="imagem.jpg">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .