Video html5 con autoplay no se reproduce en dispositivos móviles

Sino consigues que se reproduzca automáticamente algún video de html5 que tenga atributo «autoplay» con Google Chrome en android, ios en safari… es porque por defecto esta deshabilitada la reproducción automática de los videos html5 en dispositivos móviles por diversos motivos…

A) Android y Google Chrome:

Añadiendo el atributo «muted» al video y se visualizará ya correctamente en versiones móviles de chrome:

<video width="320" height="240" autoplay muted>
  <source src="tu-video.mp4" type="video/mp4">
</video>

Si en cambio, si necesitas que tenga sonido el vídeo, tendrás que tirar de javascript…

B) IOS y Safari:

Tendrás que agregar los atributos: «muted» y «playsinline» para que se visualice en safari:

<video width="320" height="240" autoplay muted playsinline>
  <source src="tu-video.mp4" type="video/mp4">
</video>