0

Tengo un web creada, con WordPress, la cual tiene un vídeo insertado al inicio. En navegadores web el video se reproduce sin problemas pero en móviles android directamente no me aparece ni la etiqueta . He probado de mil formas..quitando poniendo atributos "controls", "mute", "autoplay" etc. Pero no consigo mostrar esta etiqueta. El codigo que tengo es el siguiente:

<video autoplay="" loop="" muted="" "> 
<source src="https://www.lebecuesta.com/wp- 
 content/uploads/2018/05/lebecuesta-solo-video-1.mp4" type="video/mp4"> 
</video>

Simplemente esto en android no me aparece. No tengo ninguna media query que me lo anule ni nada.

¿Alguna sugerencia?

3
  • Hola. Te recomiendo que compartas la parte de tu código donde se encuentra el error para que alguien pueda ayudarte.
    – Ferni
    el 5 jun. 2018 a las 11:25
  • Yo ya pase por esto en mi aplicación y resulta que no es solo cosa del código de la aplicación ni de la aplicación web, sino que es por el encode del vídeo (independientemente de que sea mp4). Descargarte unos cuantos distintos y veras que unos si van y otros no. el 5 jun. 2018 a las 11:54
  • 1
    El código que compartes tiene un error que puede hacer que no funcione nada. Tal y como está compartido, tienes una apertura de comillas después de muted="" que podría hacer que no se genere correctamente la etiqueta (no tendría source ni src por lo que no habría video, que parece ser el problema que comentas en otra respuesta). Ese fallo tipográfico en la etiqueta podría ser interpretado de manera diferente según el navegador causando el error que ves.
    – Alvaro Montoro
    el 5 jun. 2018 a las 15:29

2 respuestas 2

1

Yo ya pase por esto en mi aplicación y resulta que no es solo cosa del código de la aplicación ni de la aplicación web, sino que es por el encode del vídeo (independientemente de que sea mp4). Descargarte unos cuantos distintos y veras que unos si van y otros no.

1
  • Gracias. Si era eso. He probado cambiado el encode y tienes razon. Algunos si funcionan y otros no. Gracias un saludo.
    – user82838
    el 5 jun. 2018 a las 15:53
0

La dirección del src= tiene un salto de linea que no debería tener.

Si arreglando el salto de linea sigue sin funcionar prueba con el siguiente código, sin especificar el type:

<video id="video" autobuffer>
    <source src="https://www.lebecuesta.com/wp-content/uploads/2018/05/lebecuesta-solo-video-1.mp4">
</video>

Seguramente necesites un fichero JS para llamar a la función play:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

Fuente: StackOverflow Ingles: HTML5 video element on Android.

1
  • Gracias por responder. El problema es que directamente, en Chrome de android, no se crea ni la etiqueta de vídeo.
    – user82838
    el 5 jun. 2018 a las 14:37

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies