ios - videos - porque no funciona youtube en mi iphone
Video no se reproduce en iOS10 Chrome (2)
Parece que no puedo encontrar lo que está mal con este fragmento 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 ha probado con versiones anteriores de iOS, pero mi única preocupación es el problema de la reproducción automática?), Pero en Chrome lo único que veo es la imagen de portada y un botón de reproducción que no funciona t dispara cualquier cosa. ¿Me estoy perdiendo de algo? ¿Realmente necesito usar JS para que funcione?
Actualización: Parece que hay un problema con la reproducción de archivos Webm con iOS Chrome. He intentado con varios archivos de diferentes ubicaciones y parece que es necesario descargarlos antes de poder jugar.
Parece que no puedo encontrar lo que está mal con este fragmento 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 archivos Webm con iOS Chrome.
La solución más sencilla y la mejor es asegurarse de declarar primero el archivo mp4 y luego declarar webm en segundo lugar (el orden inverso al que se muestra). Creo que iOS espera un mp4 como primer archivo en etiquetas de video HTML5. Todo lo que iOS ve es src="sample.webm" que no es un códec MPEG válido, por lo que conduce a su "... botón de reproducción que no desencadena 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 redundante 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 navegadores [de usuarios finales] una opción de mp4 u ogv (solo en el caso de Firefox).
PD: la reproducción automática está desactivada en la mayoría de los sistemas móviles debido a las asignaciones de datos de SIM. El usuario final debe elegir reproducir ese video. Probablemente haya soluciones inteligentes en la red, solo recuerde que este es el comportamiento esperado, por lo que no es un problema con su código actual.
Actualmente, Google Chrome tiene un error por el cual no reproduce automáticamente un video
.webmsi se trata de algo más . Intente utilizar un código publicado en: http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video
Si los consejos anteriores no son de ayuda, intente utilizar ejemplos de reproducción con guiones ( 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 número dedicado a la reproducción automática silenciada en navegadores móviles:
https://github.com/whatwg/html/issues/976
También debe ser útil leer publicaciones de SO: