HTML Como colocar um video para dar play automatico

Kaique_S.S · 26 de janeiro de 2020

Como coloco um video em um site para dar play automatico ?

estou tentando esse comando :

<video width="1500" height=/"1500" controls>
<source src="video.mp4" type="video/mp4">

mas ele aparece esse player :

e eu gostaria que desse play automatico !

DiF · 26 de janeiro de 2020

@Kaique_S.S Está faltando o atributo autoplay.

<video width="1500" height=/"1500" controls autoplay>
<source src="video.mp4" type="video/mp4">

Fonte: https://www.w3schools.com/tags/att_video_autoplay.asp

Kaique_S.S · 26 de janeiro de 2020

2 horas atrás, DiF disse:
@Kaique_S.S Está faltando o atributo autoplay.
<video width="1500" height=/"1500" controls autoplay>
<source src="video.mp4" type="video/mp4">
Fonte: https://www.w3schools.com/tags/att_video_autoplay.asp

sim eu tinha visto mas nao funcionou

Kaique_S.S · 26 de janeiro de 2020

Então galera que for ler esse post pesquisei bastante e descobri que o google chrome retirou a opção de autoplay !

DiF · 26 de janeiro de 2020

@Kaique_S.S Se foi removido, é só forçar com javascript

var vid = document.getElementById("myVideo");
vid.autoplay = true;
vid.load();

Fonte: https://www.w3schools.com/tags/av_prop_autoplay.asp

Eresh · 26 de janeiro de 2020

Se tentar usar o Javascript para disparar o evento antes do usuário interagir com a página, aparecerá um dos seguintes erros:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
A reprodução automática só é permitida quando aprovada pelo usuário, ou o site foi ativado pelo usuário, ou a mídia está com som desativado. (Caso tente com um vídeo do youtube)

Isso acontece porque agora os navegadores pedem permissão para realizar a reprodução automática com som.

Você ainda pode usar o ação mouseover no body, assim quando o usuário clicar em qualquer parte do seu site, ele começará a reproduzir o video. Utilizando desse método você poderia forçar o usuário a fechar um popup assim que abrir o site que daria praticamente o mesmo efeito, que um autoplay com som normal.

<body onmouseover="document.getElementById('auto').play();">
        <div>Conteudo da Div</div>
        <video id="auto" controls> 
            <source src="video.mp4" type="video/MP4">
        </video>
    </body>

Os navegadores ainda permitem utilizar o autoplay normalmente caso você deixe o vídeo mudo, portanto a solução para seu problema seria:

<video id="auto" autoplay muted controls> 
  <source src="video.mp4" type="video/MP4"> 
</video>

Apesar da mudança dessa mudança de política afetar bastante os desenvolvedores, ela também trouxe alguns benefícios pra gente, agora ao entrar em sites não vamos ter que 'ouvir' aqueles anúncios insuportáveis, que sempre nos atrapalham.

Caso você queira também dá para você tirar o atributo muted quando o usuário passar o mouse em cima do vídeo.