Avisos
Vaciar todo

Volver responsive modulo html personalizado  

 
Carlos Alberto
 Carlos Alberto
Noble Member

Hola, tengo en mi web www.orbiarte.com varios modulos HTML personalizados en los que inserto video.
Necesito que estos modulos sean responsive para adaptarse a cualquier dispositivo o ancho de pantalla como todo el sitio.
Que debo hacer? No soy experto, asi que ........

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/06/2015 2:34 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Especificanos un modulo mediante un captura, verifico un modulo en la parte inferior sin embargo no visualizo ningún problema.

ResponderCitar
Respondido : 24/06/2015 2:45 am

Cursos Gratuitos WordPress

Carlos Alberto
 Carlos Alberto
Noble Member

Te envio la captura, es el que muestro y otro similar con video en el sidebar 2

ResponderCitar
Respondido : 24/06/2015 3:28 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Carlos,

Lo que veo en esa captura es un vídeo que entiendo has insertado en un módulo "Personalizar HTML" y que se corta por la derecha en dispositivos móviles ?correcto?.

Mira este artículo, por ejemplo:

En el Blog publicamos muchos artículos que estoy seguro que pueden serte útiles. 😉

Saludos

ResponderCitar
Respondido : 24/06/2015 3:43 am

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

Carlos Alberto
 Carlos Alberto
Noble Member

Hola, gracias por tu aporte, pero no es lo que necesito. El modulo que mencionas, lo que hace es configurar un vídeo a un ancho determinado en los parámetros de configuración. Lo que necesito, es una solución para que el modulo HTML sea responsive. Cuando inserto el código Java Scrip en el modulo, con el editor de HTML cambio la medida dal ancho a 280 pixeles. Pero necesito es que en cualquier dispositivo el modulo se adapte al ancho de la pantalla.

ResponderCitar
Respondido : 26/06/2015 2:14 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

El siguiente enlace genera código responsive http://embedresponsively.com/ verifica si te es de ayuda.

ResponderCitar
Respondido : 26/06/2015 2:58 am

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

Carlos Alberto
 Carlos Alberto
Noble Member

Hola, gracias por tu aporte. Pero como lo aplico a cualquier video? no entiendo....

ResponderCitar
Respondido : 26/06/2015 3:07 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Carlos,

Si me lo permites creo que o no te entendemos, o no te explicas suficientemente bien para que te asesoremos correctamente o estamos hablando de cosas diferentes. 🙂

1. Por defecto el módulo "Personalizar HTML" es responsive. ¡Tal cual!

2. En el momento en que a un módulo "Personalizar HTML" le insertas código HTML, un iframe u otro tipo de código que no tiene comportamiento "responsive" el módulo se adaptará al comportamiento del código insertado y no a la inversa, y en consecuencia el resultado del código insertado se verá mal o se cortará por la derecha.

3. Lo que insertas "siempre" en el módulo "Personalizar HTML" ¿son vídeos?. Si son vídeos ¿proceden del canal de Youtube?

4. Por defecto los vídoes insertados utilizando el código nativo que Youtube ofrece para insertarlos en un sitio web "es responsive" a menos que lo realices con otro código manual o de terceros que no lo sea.

Si nos facilitas detalles del código que insertas podremos entender mejor la consulta y asesorarte. No sirve que nos facilites una captura del resultado del vídeo en el frontal, lo que necesitamos es ver el código (sin el editor WYSYWIG habilitado) en el módulo para entender mejor el problema.

Saludos

ResponderCitar
Respondido : 26/06/2015 3:32 am

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

Carlos Alberto
 Carlos Alberto
Noble Member

Hola
Este es el código que tengo insertado en uno de los módulos HTML que he creado en ambos sidebares para compartir vídeos temáticos en mi web site. Cada 15 dias se cambia el vídeo por uno nuevo

Lo que necesito es, que el vídeo sea responsive una ves insertado en el modulo HTML
Gracias por su interés

ResponderCitar
Respondido : 26/06/2015 3:46 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Carlos,

Tal como te expliqué en anterior respuesta, la cual cito nuevamente:

Mira este artículo, por ejemplo:
- www.webempresa.com/blog/item/1013-videos-fluidos-en-joomla-con-simple-youtube.html

Te permite copiar el ID del vídeo de Youtube:

E insertarlo en el módulo que te recomendé que gestiona los vídeo de forma "responsive":

No le veo la dificultad, no obstante los vídeos de Youtube por defecto son "responsive, salvo que hagas modificaciones que provoquen que este comportamiento fluido cambie.

La idea es asesorarte sobre soluciones que funcionan, que hemos probado una y otra vez y que sabemos que son efectivas.

Saludos

ResponderCitar
Respondido : 26/06/2015 3:53 am

Cursos Gratuitos WordPress