Avisos
Vaciar todo
Preguntas sobre WordPress
10
Respuestas
3
Usuarios
0
Reactions
1,352
Visitas
Topic starter
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
Respondido : 10/01/2017 11:49 pm
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
Respondido : 11/01/2017 12:48 am
Topic starter
Por lo que entiendo, hay que meterle mano al codigo css.
Respondido : 11/01/2017 10:05 am
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
Respondido : 11/01/2017 12:59 pm
Topic starter
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?
Respondido : 11/01/2017 2:06 pm
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
Topic starter
O.k muchas gracias Pepe, lo hare. de nuevo, muchas gracias por tu tiempo.
Respondido : 11/01/2017 2:47 pm
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
Respondido : 11/01/2017 2:55 pm
Topic starter
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.
Respondido : 15/01/2017 5:42 pm
Hola Julian.
Ok, gracias por informarnos 😉
Cerramos el tema.
Un Saludo
Respondido : 15/01/2017 6:10 pm
