Video que no se reproduce en iOS10 Chrome

Simplemente no puedo encontrar lo que está mal con este fragment de video.

<video poster="sample.jpg" loop autoplay controls muted playsinline> <source type="video/webm" src="sample.webm"></source> <source type="video/mp4" src="sample.mp4"></source> </video> 

El video se reproduce sin problemas en Safari (no se han probado en versiones anteriores de iOS, pero mi única preocupación es el problema de reproducción automática), pero en Chrome lo único que ve es la image de portada y un button de reproducción que no funciona No actives nada. ¿Me estoy perdiendo de algo? ¿Realmente necesito usar JS para que funcione?

Actualización: parece que hay un problema con la reproducción de files Webm con iOS Chrome: he probado varios files de diferentes ubicaciones y parece que se necesitan download primero antes de poder jugar.

Google Chrome actualmente tiene un error en el que no se reproducirá automáticamente un video .webm si se trata de otra cosa . Intente utilizar un código publicado en: http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

introduzca la descripción de la imagen aquí

Si el consejo anterior no ayuda, intente utilizar ejemplos de reproducción con secuencias de commands ( video.js y simpl ) en Github:

https://github.com/videojs/video.js

https://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

Además, lea el tema dedicado a la reproducción automática silenciada en los browseres mobilees:

https://github.com/whatwg/html/issues/976

También debe ser útil leer la publicación SO:

Detectar de manera eficiente si un dispositivo reproducirá videos en silencio que tienen el atributo de reproducción automática

Simplemente no puedo encontrar lo que está mal con este fragment de video.

 <video poster="sample.jpg" loop autoplay controls muted playsinline> <source type="video/webm" src="sample.webm"></source> <source type="video/mp4" src="sample.mp4"></source> </video> 

… Actualización: parece que hay un problema con la reproducción de files Webm con iOS Chrome.

La solución más simple y mejor es asegurarse primero de declarar el file mp4 y luego declarar webm en segundo lugar (al revés de su pedido mostrado). Creo que iOS espera un mp4 como primer file en tags de video HTML5. Todo lo que ve iOS es src="sample.webm" que no es un códec MPEG esperado válido, lo que lleva a su "… button de reproducción que no activa nada" . Tienes un error silencioso en alguna parte.

Tratar :

 <video poster="sample.jpg" loop autoplay controls muted playsinline> <source type="video/mp4" src="sample.mp4"></source> <source type="video/webm" src="sample.webm"></source> </video> 

Nota al margen : Solo mi opinión, pero creo que tener webm aquí es networkingundante ya que el principal sistema de soporte (tecnología basada en Google) ya puede manejar mp4 de todos modos.

Es mejor ofrecer esos decodificadores de video en los browseres [de los usuarios finales] una opción de mp4 u ogv (solo en el caso de Firefox).

PS: La reproducción automática está deshabilitada en la mayoría de los sistemas mobilees debido a las asignaciones de datos de SIM. El usuario final debe optar por reproducir ese video. Probablemente hay soluciones inteligentes en la networking, solo recuerde, este es el comportamiento esperado, así que no es un problema con su código actual.