Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Expertos en WordPress resuelven los problemas y dudas con tu Web. Servicio gratuito incluido para clientes de Webempresa. Soporte WordPress en español 24 horas, todos los días del año.

TEMA: Videos de youtube se ven mal en version móvil

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267754

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 oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Julian
  • Avatar de Julian
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 115
  • Karma: 0
El tema ha sido cerrado.
Mejora la velocidad de tu WordPress

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267759

Hola,

En el siguiente enlace, Pablo comenta un truco muy sencillo: www.webempresa.com/foro/41-Preguntas-sobre-PrestaShop/148330-CMS-poner-video-responsive-de-youtube.html
Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El tema ha sido cerrado.
trasladar web gratis

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267785

Por lo que entiendo, hay que meterle mano al codigo css.
  • Julian
  • Avatar de Julian
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 115
  • Karma: 0
El tema ha sido cerrado.
solucionar problemas wordpress

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267814

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:
<iframe width="560" height="315" src="https://www.youtube.com/embed/WxcuEVaaOWs" frameborder="0" allowfullscreen></iframe>

Tendrías que modificar los parámetros width="560" height="315", con lo que quedaría como sigue:
<iframe style="width:100%; height: auto" src="https://www.youtube.com/embed/WxcuEVaaOWs" frameborder="0" allowfullscreen></iframe>

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18637
  • Gracias recibidas 1504
  • Karma: 533
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267825

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?
  • Julian
  • Avatar de Julian
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 115
  • Karma: 0
El tema ha sido cerrado.

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267828

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:
<div class="embed-container">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/eZJMzAHa-uQ" frameborder="0" allowfullscreen></iframe>
</div>

Solo tienes que añadir el div a el codigo de insercion de youtube.
.- primero lo abrimos con
<div class="embed-container">
y luego añadimos el código del iframe

Comprueba si con esto se resuelve.

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18637
  • Gracias recibidas 1504
  • Karma: 533
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.
Los siguientes usuarios han agradecido: Julian

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267829

O.k muchas gracias Pepe, lo hare. de nuevo, muchas gracias por tu tiempo.
  • Julian
  • Avatar de Julian
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 115
  • Karma: 0
El tema ha sido cerrado.

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #267831

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
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18637
  • Gracias recibidas 1504
  • Karma: 533
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
Última Edición: 2 años 6 meses antes por Pepe.
El tema ha sido cerrado.
Los siguientes usuarios han agradecido: Julian

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #268220

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.
  • Julian
  • Avatar de Julian
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 115
  • Karma: 0
El tema ha sido cerrado.

Videos de youtube se ven mal en version móvil 2 años 6 meses antes #268221

Hola Julian.

Ok, gracias por informarnos ;)
Cerramos el tema.

Un Saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18637
  • Gracias recibidas 1504
  • Karma: 533
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Temas Relacionados

7 Respuestas emo
Tema iniciado 4 años 11 meses antes por Carles
2416 Visitas
3 Respuestas emo
Tema iniciado 4 años 6 meses antes por miguel
2271 Visitas
2 Respuestas emo
Tema iniciado 3 años 3 meses antes por Antonio
699 Visitas
7 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 6 años 7 meses antes por Luis Miguel
4533 Visitas
1 Respuestas emo
Tema iniciado 2 años 3 meses antes por Levantemedia
1131 Visitas
11 Respuestas emo
Tema iniciado 8 meses 1 semana antes por RAUL
216 Visitas
8 Respuestas emo
Tema iniciado 4 años 8 meses antes por JOSE MARIA
1860 Visitas
2 Respuestas emo
Tema iniciado 3 años 1 mes antes por Alfredo
1881 Visitas
6 Respuestas emo
Tema iniciado 6 meses 2 semanas antes por José Luis
171 Visitas
1 Respuestas emo
Tema iniciado 7 meses 2 semanas antes por Juan Manuel
511 Visitas

Tiempo de carga de la página: 0.568 segundos