Avisos
Vaciar todo

Videos de youtube se ven mal en version móvil  

 
Julian
 Julian
Estimable Member

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

Citar
Respondido : 10/01/2017 11:49 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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

ResponderCitar
Respondido : 11/01/2017 12:48 am

Cursos Gratuitos WordPress

Julian
 Julian
Estimable Member

Por lo que entiendo, hay que meterle mano al codigo css.

ResponderCitar
Respondido : 11/01/2017 10:05 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 11/01/2017 12:59 pm

Julian
 Julian
Estimable Member

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?

ResponderCitar
Respondido : 11/01/2017 2:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

y luego añadimos el código del iframe

Comprueba si con esto se resuelve.

Un saludo

ResponderCitar
Respondido : 11/01/2017 2:29 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Julian
 Julian
Estimable Member

O.k muchas gracias Pepe, lo hare. de nuevo, muchas gracias por tu tiempo.

ResponderCitar
Respondido : 11/01/2017 2:47 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 11/01/2017 2:55 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Julian
 Julian
Estimable Member

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.

ResponderCitar
Respondido : 15/01/2017 5:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julian.

Ok, gracias por informarnos 😉
Cerramos el tema.

Un Saludo

ResponderCitar
Respondido : 15/01/2017 6:10 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress