Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Adriano Hermes de Campos

iOS Background Video Html5

Recommended Posts

ola, gostaria de saber se alguém sabe como rodar vídeo no background do site no iOS??

o ios não suporta o autoplay do html5, será q tem algo que o possa fazer para que execute?

 

estou utilizando atualmente o Vide - http://vodkabears.github.io/vide/

 

já testes vários mas sem sucesso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desde o iOS 6.x a apple removeu o recurso de autoplay de vídeos em web. A apple ainda deixou um breve anúncio de que tinham desabilitado tal função.

"A Apple tomou a decisão de desativar a reprodução automática de vídeos em dispositivos iOS , através de ambas as implementações de script e de atributos.


No Safari, o usuário pode estar em uma rede móvel e ser cobrado por unidade de dados, por isso preload e autoplay foram desativados. Não existem dados carregados até que o usuário inicie-o."

 

Resumindo: Eles fizeram isso pra evitar que o vídeo em autoplay acabe consumindo demais dos dados de rede do dispositivo móvel, evitando cobranças altas demais.

 

Ou você remove o vídeo de dispositivos mobile (que é o melhor dos casos e mais viável), ou deixa ele travado até que o usuário queira assistí-lo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Claudia França
      Pessoal tudo bem ?
      Tenho o codigo e, preciso que quando um usuário clicar no link  e a nova página carregar, não mostre o que tem na url, mas o conteudo. 
      Pensei em um Js para criar essa máscara mas, até agora não deu certo com as funções que fiz. 
       
            <div id='50' class="tab_content-pag-bnt2">         <div class="bnt-area">              <a href="https://meudomínio.net/drive/s/bK7Xq8hW6kDWXYAdUaMUf26hZabh9T" target="_blank"  class="new-serverbtn-link" > <div class="new-serverbtn"> <div class="new-serverbtn-text">Acessar pasta de episódios</div> <div class="new-serverbtn-icon"><i class="fas fa-chevron-right"></i></div> </div> </a>
    • Por asacap1000
      Galera salve salve!!
      Estou com um projeto em que são armazenados vídeos, porém seguindo os requisitos exigidos, para visualizar e baixar esses vídeos eles tem que aparecer com numero de cadastro do usuário que está acessando no centro do video como uma marca d'agua.
       
      Para simplesmente aparecer na tela eu consigo fazer uma camada superior com css e apresentar os dados do usuário mas para baixar o vídeo ele já faz sem a marca.
       
      Vocês conhecem algum recurso pra adicionar essa marca? ela não pode ficar no arquivo original pois outros usuário poderão baixar com sua identificação na tela.
       
      Se alguem puder me dar um norte ajudaria muito
    • Por ro1961santana2009
      Estou precisando de ajuda. Está seguindo os arquivos em anexo. Tem como centralizar uma (MSG global), do PHP que vem da MODELS, que vai ser apresentada na VIEW.

      Estou Implementando o meu sistema com base no sistema do curso, ao modificar o layout da página de acesso estou enfrentando este problema de centralizar a mensagem que vem da MODELS, para a VIEW.



    • Por GabrielKlockner
      Como eu poderia tirar essas bordas pretas do vídeo com CSS? Está configurado com width 100%, o que no desktop deixa a visualização perfeita mas em mobile fica com essas bordas pretas superiores e inferiores.

    • Por Manoel Cicero
      bom, estou utilizando um programa que transforma ppt em html5. coloco o arquivo gerado em minha hospedagem, testo, funciona perfeitamente no pc ou notebook, até aí tudo bem!
      mas quando testo no smartphone ai complica!
      o desenvolvedor me indicou limpar o cache, mas, mesmo assim não funciona e o pior de tudo é que, se isso não funcionasse apenas no meu smartphone não seria problema. o problema é que ja testei em alguns outros e o problema se mantem. alguem poderia me ajudar?
      link de teste: http://www.biodidata.com.br/teste/revis.html
      no PC - tudo ok!
      No smartphone --> na imagem que surgir vá em "click para iniciar", em seguida clique na pergunta 2 - a página para!
      limpar o cache não funciona e não queria alterar qualquer coisa no smartphone porque não seria legal para o meu publico fazer alterações no seu celular só pra ver uma coisa que disponibilizo.
      agradeço!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.