Reproducción de vídeos HTML5 en el navegador – ¿Qué funciona para la mayoría de los dispositivos Android?

Estoy intentando que los videos HTML5 se reproduzcan en dispositivos móviles. Parece que funcionan bien en la última versión de iOS, pero estoy recibiendo una gran cantidad de incoherencia con los dispositivos Android.

Estoy usando video.js y escuchando un clic en una imagen en miniatura, que a cambio reemplaza al elemento con un video HTML5 y lo reproduce automáticamente. El siguiente código plano no funciona en el emulador de Android (haciendo clic en una miniatura no hace nada). Cuando lo intento en mi propio Droid Razr, comienza a cargar el video y luego el navegador se bloquea. Esto ocurre en el navegador nativo y en Chrome, lo que me dice que es algo nativo del dispositivo.

$(".video").live("click", function(e) { e.preventDefault(); $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url") + "'></video>"); video = _V_($(this)); video.ready(function() { this.play(); this.requestFullScreen(); }); }); 

El HTML termina siendo:

 <video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'> <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'> </video> 

¿Alguien sabe por qué esto causaría que un dispositivo Android se congelara totalmente y qué puedo hacer para que los videos se ejecuten de forma consistente en la mayoría de los dispositivos Android?

¡Gracias!

2 Solutions collect form web for “Reproducción de vídeos HTML5 en el navegador – ¿Qué funciona para la mayoría de los dispositivos Android?”

Quite el atributo de type de la declaración de source . Esto suele causar problemas con Android, especialmente versiones anteriores.

Su declaración de origen debe ser simplemente:

 <source src='/videos/fv3530.mp4'> 

Tengo un pequeño sitio que tiene un trabajo de vídeo HTML5 en Android (sólo lo probé en mi HTC Desire con Android 2.2).

Por favor ve esta pregunta: Elemento HTML5 <video> en Android

Aparentemente, existe la posibilidad de usar videos HTML5 con android, de acuerdo con http://developer.android.com/about/versions/android-2.0-highlights.html Pero hay algunos parámetros estrictos para hacer que esto funcione (ver Respuesta a la pregunta).

En su caso, no es fácil manejar eventos con el emulador, especialmente html5 etc, por lo que siempre debe usar un dispositivo real para la prueba (realmente recomendado). En lo que concierne a su teléfono, posiblemente por lo que no está funcionando es que usted está usando un códec de vídeo no compatible.

  • Cómo ocultar la ventana Intent Chooser en android?
  • Reproductor de vídeo en android (desarrollar)
  • Forzar el no-flash Vimeo incrustar o deshabilitar Flash en un WebView?
  • El teléfono giratorio reinicia el video en android
  • Buffer de vídeo circular Android con sonido
  • ¿Qué es AwesomePlayer en android?
  • Android: Reproducción y grabación simultánea de vídeo
  • Biblioteca para apoyar H.264 AVC. Mp4 en Android 2.2, 2.3?
  • Error de MediaPlayer de Android No se puede reproducir este video
  • La aplicación de vista web de Android no permite que el reproductor de video pase a pantalla completa
  • Cómo incrustar VLC media player en mi aplicación para Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.