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.

  • SurfaceView sobre actionBar debido a setZOrderOnTop
  • Reproducir vídeo Mp4 desde el servidor android
  • configuración de vídeo opencv a pantalla completa android
  • Android, ¿cómo puedo eliminar los controles de VideoView?
  • Recorte de vídeo mediante "com.android.camera.action.TRIM" (paquete Gallery2)
  • Android no puede reproducir vídeo H264 / AAC
  • ¿Puedo evitar el reproductor de vídeo en pantalla completa nativo con HTML5 en iPhone o Android?
  • Cómo hacer que una videoview NO se inicie automáticamente después de preparado
  • ¿Soporta Android el escalado de vídeo?
  • Android MediaPlayer seekTo no funciona
  • Marcos omitidos. La aplicación puede estar haciendo demasiado trabajo en su hilo principal "error en android 4.3 nexus 7
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.