A reprodução automática silenciosa de vídeos é compatível com o Chrome para Android desde a versão 53. A reprodução de um elemento de vídeo começa automaticamente quando ele aparece na tela, se autoplay e muted estiverem definidos. A reprodução de vídeos sem som pode ser iniciada de forma programática com play(). Antes, a reprodução em dispositivos móveis precisava ser iniciada por um gesto do usuário, independente do estado de mudo.
<video playsinline autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
Para ver isso em ação, acesse esta amostra. A reprodução do vídeo muted começa automaticamente no Chrome 53 ou mais recente.
Além disso, a reprodução sem som agora pode ser iniciada usando o método play(). Antes, o play() só iniciava a reprodução se viesse de um gesto do usuário, como um clique em um botão. Compare as duas demonstrações a seguir no Android. Teste no Chrome 53 e em uma versão mais antiga:
Recomendamos usar o atributo autoplay sempre que possível e o método play() apenas se necessário.
É possível ativar o som de um vídeo de forma programática em resposta a um gesto do usuário, como um click, mas se você tentar fazer isso sem um gesto do usuário, a reprodução será pausada.
A mudança no muted autoplay também vai permitir o uso de play() com um elemento video não criado no DOM, por exemplo, para acionar a reprodução do WebGL.
O método play() também retorna uma promessa, que pode ser usada para verificar se a reprodução programática sem som está ativada. Confira um exemplo em simpl.info/video/scripted.
Qual é o motivo da mudança?
A reprodução automática foi desativada em versões anteriores do Chrome no Android porque pode ser invasiva, consumir muitos dados e muitos usuários não gostam dela.
A desativação da reprodução automática teve o efeito indesejado de levar os desenvolvedores a alternativas como GIFs animados, além de hacks de <canvas> e <img>. Essas técnicas são muito piores do que o vídeo otimizado em termos de consumo de energia, desempenho, requisitos de largura de banda, custo de dados e uso de memória. O vídeo pode oferecer qualidade maior do que GIFs animados, com uma compactação muito melhor: cerca de 10 vezes em média e até 100 vezes no melhor caso. A decodificação de vídeo em JavaScript é possível, mas consome muita bateria.
Compare o seguinte: o primeiro é um vídeo, e o segundo é um GIF animado:
Eles são bem parecidos, mas o vídeo tem menos de 200 KB e o GIF animado tem mais de 900 KB.
O Chrome e outros fornecedores de navegadores são extremamente cautelosos em relação à largura de banda do usuário. Para muitos usuários em vários contextos, o alto custo dos dados é uma barreira maior ao acesso do que a conectividade ruim. Devido à prevalência de soluções alternativas, a reprodução automática sem som não pode ser bloqueada. Por isso, oferecer boas APIs e padrões é o melhor que a plataforma pode fazer.
A Web está cada vez mais focada em mídia. Designers e desenvolvedores continuam encontrando novas e inesperadas maneiras de usar vídeos, e querem um comportamento consistente em todas as plataformas, por exemplo, ao usar vídeos em segundo plano como um elemento de design. A reprodução automática sem som permite funcionalidades como essa em dispositivos móveis e computadores.
Os pontos mais relevantes
- Do ponto de vista da acessibilidade, a reprodução automática pode ser particularmente problemática. O Chrome 53 e versões mais recentes no Android oferecem uma configuração para desativar completamente a reprodução automática: nas configurações de mídia, selecione "Reprodução automática".
- Essa mudança não afeta o elemento
audio: a reprodução automática ainda está desativada no Chrome para Android, porque a reprodução automática sem som não faz muito sentido para áudio. - A reprodução automática não funciona se o modo de economia de dados estiver ativado. Se o modo de economia de dados estiver ativado, a reprodução automática será desativada nas configurações de mídia.
- A reprodução automática sem som funciona para qualquer elemento de vídeo visível em qualquer documento, iframe ou outro formato visível.
- Para aproveitar o novo comportamento, adicione
mutedeautoplay: compare simpl.info/video com simpl.info/video/muted.
Suporte
- O recurso de reprodução automática sem som é compatível com o Safari no iOS 10 e versões mais recentes.
- A reprodução automática, com ou sem som, já é compatível com o Android pelo Firefox e pelo UC Browser, que não bloqueiam nenhum tipo de reprodução automática.