Hola, noto que los videos que inserto desde YouTube, se ven muy bien en versión desktop, pero en la versión móvil totalmente desadaptado. La plantilla que utilizó es responsive, pero con los videos no ha habido forma de que lo pueda solucionar. ¿Alguna idea de como solucionar esto?
Muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
En el siguiente enlace, Pablo comenta un truco muy sencillo: https://www.webempresa.com/foro/41-Preguntas-sobre-PrestaShop/148330-CMS-poner-video-responsive-de-youtube.html
Por lo que entiendo, hay que meterle mano al codigo css.
Hola Julian.
Por lo que entiendo, hay que meterle mano al codigo css.
No, lo tienes que añadir en el codigo que te ofrece youtube pa insertarlo en tu web.
Por ejemplo tenemos este codogo que cogemos de youtube:
Tendrías que modificar los parámetros width="560" height="315", con lo que quedaría como sigue:
Un saludo
Hola Pepe, eso es lo que normalmente hago, pero igual no se ve adecuadamente en el movil. ¿cuales serian los parámetros ideales de ancho y largo para que se vea bien en los moviles?
Hola Julian.
Ok, es fácil que no funcione el código que te pase primero ya que no se trata igual una imagen que un vídeo.
Te paso una solución que te tiene que funcionar, vamos a poner el iframe dentro de un div:
.- Añade lo siguiente a tu archivo de estilos CSS ( no se si utilizas algún archivo custom para las modificaciones de estilos )
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
Una vez añadido los códigos de estilo, añadimos el iframe dentro de un contenedor div, el código seria parecido a esto:
Solo tienes que añadir el div a el codigo de insercion de youtube.
.- primero lo abrimos con
Respondido : 11/01/2017 2:29 pm
O.k muchas gracias Pepe, lo hare. de nuevo, muchas gracias por tu tiempo.
Hola Julian.
De nada, es un palcer poder ayudaros en lo que podamos.
Dejo el hilo en espera por si necesitas alguna aclaración sobre lo que estamos tratando.
Un saludo
Hola pepe, de nuevo muchas gracias. Estoy en planes de contactar a un programador para que haga unos cambios a la web y ahí aprovecho a que haga esto que me sugieres. Saludos.
Hola Julian.
Ok, gracias por informarnos 😉
Cerramos el tema.
Un Saludo