google-chrome - videos - reproducir vídeos html5 en dispositivos móviles

La reproducción automática de video HTML 5 no se inicia automáticamente en CHROME

Question

Tengo el siguiente código:

<video controls autoplay>
  <source src="video/myVideo.mp4" type="video/mp4"> 
  <source src="video/myVideo.webm" type="video/webm">
  <source src="video/myVideo.ogv" type="video/ogg">   </video>

El video:

1. se muestra bien tanto en Chrome como en Firefox
2. En Firefox se juega como se espera.
3. En Chrome se muestra, pero no "autostarts". Este es el problema.
4. Si hago clic en él (en Chrome) se reproduce bien

Intentó

<video controls autoplay>...</video>
<video controls autoplay="1">...</video>
<video controls autoplay="autoplay">...</video>

Nada funcionó en Chrome

Luego también intenté cambiar el códec, como se recomienda en https://en.wikipedia.org/wiki/HTML5_video , pero tampoco funcionó:

<source src="movie.webm" type=''video/webm; codecs="vp8.0, vorbis"''>
    <source src="movie.ogv" type=''video/ogg; codecs="theora, vorbis"''>
    <source src="movie.mp4" type=''video/mp4; codecs="avc1.4D401E, mp4a.40.2"''>

Así que ahora estoy en un callejón sin salida. Gracias por los punteros! Muy apreciado.

Answer 1

Acabo de leer this artículo, y dice:

Importante: el orden de los archivos de video es vital; Chrome actualmente tiene un error en el que no reproducirá automáticamente un video .webm si viene después de cualquier otra cosa.

Así que parece que su problema se resolvería si coloca .webm primero en su lista de fuentes. Espero que ayude.

Answer 2

Aquí está: http://www.htmlcssvqs.com/8ed/examples/chapter-17/webm-video-with-autoplay-loop.html Debe agregar las etiquetas: autoplay = "autoplay" loop = "loop" o simplemente "reproducción automática" y "bucle".

Answer 3

Esta pregunta se describe mucho aquí
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

TL; DR. Siempre puedes reproducir automáticamente videos muted

Además, si quieres reproducir automáticamente los videos en iOS, agrega el atributo playsInline , porque de manera predeterminada, iOS intenta ver los videos en pantalla completa.
https://webkit.org/blog/6784/new-video-policies-for-ios/

Answer 4

Extremeandy ha mencionado que el vídeo de reproducción automática de Chrome 66 ha sido deshabilitado.

Después de ver esto, descubrí que los videos silenciados todavía se pueden reproducir automáticamente. En mi caso, el video no contenía ningún audio, pero al agregarlo a la etiqueta del video se corrigió:

Esperemos que esto ayude a otros también.

Answer 5

Intente esto cuando intente dar silencio, verifique esta demostración en codpen

    <video width="320" height="240" controls autoplay muted id="videoId">
  <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

guión

function toggleMute() {

  var video=document.getElementById("videoId");

  if(video.muted){
    video.muted = false;
  } else {
    debugger;
    video.muted = true;
    video.play()
  }

}

$(document).ready(function(){
  setTimeout(toggleMute,3000);
})

Answer 6

Necesitas agregar playsinline autoplay muted loop , chrome no permite que un video se inicie automáticamente si no está silenciado, también ahora mismo no sé por qué no funciona en todos los dispositivos Android, estoy tratando de ver si es una versión específica, Si Encontré algo que te haré saber

Problema con Chrome: después de algunas investigaciones, descubrí que no funciona en Chrome a veces porque, en respuesta, puede activar el protector de datos y bloquea cualquier video para que se inicie automáticamente.

Answer 7

Puede que este no haya sido el caso en el momento en que se hizo la pregunta, pero a partir de Chrome 66, la reproducción automática está bloqueada .

http://bgr.com/2018/04/18/google-chrome-66-download-auto-playing-videos-block/