1

inserto una etiqueta en mi html y me la muestra bien en los navegadores de computadoras, pero en móviles solo la he podido ver a través de un Windows Phone y una tablet Samsumng, no he probado en iOS.

Este es mi código:

<video width="100%" height="auto" class="img-inicio" muted preload="auto" loop autoplay>
                <source src="vid/vid_1.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>

Este es mi CSS:

.img-inicio{
width: 100%;
max-width:500px;}

2 respuestas 2

1

El problema era el ahorro de datos que viene incluido con Google Chrome para dispositivos móviles.

0

Hola amigo viendo tu codigo CSS tenias unos pequeños errores en le width

Aqui esta el codigo adaptado a diferentes pantallas solo le agrege una cosas mas si no las necesitas las puedes quitar.

<!DOCTYPE html>
<html>
<head>
	<title>VIDEO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<style type="text/css">
	
video {  
   width:100%; 
   max-width:500px; 
   height:auto; 
}

</style>
<body>
<video controls preload="none" poster="parrots-poster.jpg"> 
   <source src="parrots.mp4" type="video/mp4"> 
   <source src="parrots.webm" type="video/webm"> 
</video> 
<div>Note: informacion.</div>
</body>
</html>

8
  • Gracias, igual me sirvio. Pero lo que causaba el conflicto era el ahorro de datos de los celulares con Chrome. el 20 jun. 2017 a las 16:49
  • Oh te entiendo, entonces porque no comprimir el video? @RenéErickSotoReyes y nota podrias agregar eso que comentastes conflicto era el ahorro de datos de los celulares con Chrome
    – simon
    el 20 jun. 2017 a las 16:50
  • Cómo automatizar?? el 20 jun. 2017 a las 16:52
  • perdon equivocacion me refiero a comprimir
    – simon
    el 20 jun. 2017 a las 16:52
  • blogs.it.ox.ac.uk/adamweblearn/2013/10/…
    – simon
    el 20 jun. 2017 a las 16:53

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.