Problema al visualizar vídeos de YouTube en Wordpress móvil

Hola a tod@s.

Tengo una duda, tras estar buscando por el foro no la he encontrado resuelta, así que considero que puede ayudar a más de uno.

Cuando inserto un vídeo de YouTube en una entrada de Wordpress, la versión móvil no lo puede visualizar correctamente, ya que el ancho del vídeo no se adapta a la pantalla del teléfono. Desde la versión web (ordenador), se muestra perfectamente.

¿Cómo puedo solucionar esto?

Muchísimas gracias.

Hola [MENTION=180425]TecnoFiliaNET[/MENTION],

Buena pregunta, tienes que tener algunas cosas en cuenta...
Primero, comprender que la versión móvil no es para 1 dispositivos...
Si no que, debe adaptarse a la mayoría de dispositivos actuales...

Eso significa, que si no se ve bien en tu móvil, no significa...
Que no se visualizan correctamente en todos los teléfonos...

Por otro lado, podrías ser un poco más específico?
Tu móvil, es Android, Windows, iOS?
Qué resolución tiene tu móvil?
Los probaste solo con 1 móvil?
Puedes mostrar capturas, o fotos del "problema"?

Mientras más información detallada tengamos...
Mejor se podrá ver y comprender la situación...
Porque quizás, no sea un problema de tu web...

Espero que me comprendas bien,

Un saludo,
:encouragement: Hugo

Eso es porque el embed de Youtube no se adapta a dispositivos móviles. Esto quizá te sirva: Add Responsive YouTube and Vimeo Videos to Any Website

- - - Actualizado - - -

Aunque también si lo deseas puedes probar con un plugin: ARVE Advanced Responsive Video Embedder (YouTube, Vimeo, HTML5 Video ?) ? WordPress Plugins

Concuerdo con los usuarios de arriba

Para hacer un iframe responsive se necesita un contenedor. Si insertas el iframe sin más no hay contenedor, es lo más normal del mundo lo que te ocurre. La solución más sencilla es instalar algún plugin para vídeos de youtube y que el plugin se encargue de añadirle un contenedor. :encouragement:

El tema no esta optimizado para que ajuste los videos a la resolución de moviles

Intenta con un plugin o revisando las caracterisiticas css que estan atribuidas al video, en todo caso inserta el video dentro de una clase responsive 🙂

Hugo7 dijo:

Hola [MENTION=180425]TecnoFiliaNET[/MENTION],

Buena pregunta, tienes que tener algunas cosas en cuenta...
Primero, comprender que la versión móvil no es para 1 dispositivos...
Si no que, debe adaptarse a la mayoría de dispositivos actuales...

Eso significa, que si no se ve bien en tu móvil, no significa...
Que no se visualizan correctamente en todos los teléfonos...

Por otro lado, podrías ser un poco más específico?
Tu móvil, es Android, Windows, iOS?
Qué resolución tiene tu móvil?
Los probaste solo con 1 móvil?
Puedes mostrar capturas, o fotos del "problema"?

Mientras más información detallada tengamos...
Mejor se podrá ver y comprender la situación...
Porque quizás, no sea un problema de tu web...

Espero que me comprendas bien,

Un saludo,
:encouragement: Hugo

Hacer clic para expandir...

Hola! Perfectamente comprendido.

Comento que la versión móvil no se visualiza correctamente, pensaba que se había entendido, he probado en 5 teléfonos diferentes con resoluciones dispares.

Pensaba que no sería necesario aportar más información de la expuesta.

Muchas gracias por tu respuesta.

RoloTortu dijo:

Eso es porque el embed de Youtube no se adapta a dispositivos móviles. Esto quizá te sirva: Add Responsive YouTube and Vimeo Videos to Any Website

- - - Actualizado - - -

Aunque también si lo deseas puedes probar con un plugin: ARVE Advanced Responsive Video Embedder (YouTube, Vimeo, HTML5 Video ?) ? WordPress Plugins

Hacer clic para expandir...

Muchas gracias, buscaba una respuesta así!

jonay dijo:

Para hacer un iframe responsive se necesita un contenedor. Si insertas el iframe sin más no hay contenedor, es lo más normal del mundo lo que te ocurre. La solución más sencilla es instalar algún plugin para vídeos de youtube y que el plugin se encargue de añadirle un contenedor. :encouragement:

Hacer clic para expandir...

Muchas gracias compañero.

TecnoMex dijo:

El tema no esta optimizado para que ajuste los videos a la resolución de moviles

Hacer clic para expandir...

Claro, el tema es intentar solucionarlo, gracias!

sarcansino dijo:

Intenta con un plugin o revisando las caracterisiticas css que estan atribuidas al video, en todo caso inserta el video dentro de una clase responsive 🙂

Hacer clic para expandir...

Muchas gracias compañero.

- - - Actualizado - - -

Tras estar haciendo pruebas, actualizo información:

El vídeo se visualiza correctamente en varios teléfonos con diferentes resoluciones si el ancho (width) no es superior a los 500 píxeles.

Ahora bien, en la versión web, se queda un poco pequeño, aunque como se puede poner a pantalla problema, es más cuestión de estética que de usabilidad.

Sin duda, ahora está mejor que antes, pero me surge la siguiente duda, ¿hay alguna forma automática (o semiautomática) para hacer que los vídeos siempre se ajusten al ancho máximo de la pantalla que lo visualice?

Muchas gracias!