Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Problemas con la visualizacion responsive de los videos en k2  

 
AEFCA
 AEFCA
Estimable Member

Hola
Trabajamos con un joomla 3.3, plantilla encelado de pac webempresa, componente K2 con el plugin all videos intalado en modo responsive.
Si el menú enlaza a un artículo de k2 con video incorporado se ve perfectamente y se adapta a todos los dispositivos ver captura 1
Pero si el emnú enlaza a categoría o a ultimos elementos publicados por usuarios y/o categorías, en cualquiera de los dos casos, el video se adpata bien hasta tabletas 10 pero a mas pequeño y móviles es como si se desbordara, creando un efecto horroroso y poco adaptado. Ver captura 2

Alguna idea de lo que puede estar pasando? y sobre todo alguna idea para que no suceda? 🙂
Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/09/2014 4:53 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola,

Creo que este artículo describe muy bien el proceso recomendado para lo que quieres hacer:

- http://magazine.joomla.org/es/ediciones-anteriores/mayo-2014/item/2056-videos-responsive-con-joomla-3

Saludos

ResponderCitar
Respondido : 14/09/2014 6:32 am

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

AEFCA
 AEFCA
Estimable Member

Gracias por la respuesta, he leido con detenimiento el artículo y no encuentro la solución a nuestro problema, que como vereis está planteado en la web no operativa hasta que lo solucionemos.
TRabajamos el artículo con K2, con el plugin all videos de modo responsive, ya que lo que nos interesa es hacer un tipo videoblog ( como el www.videosjoomla.com y que en otro hilo me recomendó Pablo y me dijo que estaba realizado con K2 ) y queremos poder hacer el artículo y colocarle el video de modo sencillo con es esto de K2 con este p`lugin. (otras soluciones de módulos etc sereía muy pesado, hacer un módulo a cada video y luego encajarlos en los artículos etc....)
Es problemilla es que funciona de modo responsive 100% si el item de menú está enganchado a un artícuko k2, y sólo funciona un 80% si el item de menú está enganchando a tipo blog o categorías, quiero decir que desde pantalla grande hasta 7" funciona de modo responsive pero en pantallas de móviles de unas 4" se desborda sólo los de categorías o blog.
Y quiséramos que funcionara en los móviles de un modo menos "desbordado" tal y como se ve en las pantallas adjuntadas , por que esto sólo nos sucede en móviles ya que en ntodo lo demas funciona de modo respnsive.
Gracais por vuesto apoyo, seguimos buscando la solución. Un saludo

ResponderCitar
Respondido : 14/09/2014 9:10 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El problema es que tienes definido un min-width:320 en el CSS para el video

Ubica el archivo :

/1slider/plugins/content/jw_allvideos/jw_allvideos/tmpl/Responsive/css/template.css

A partir de la línea 21 , tendrás un código como el siguiente verás que cambiand el min-width a 220 sería más conveniente

.avVideo .avPlayerContainer .avPlayerBlock iframe,
.avVideo .avPlayerContainer .avPlayerBlock object,
.avVideo .avPlayerContainer .avPlayerBlock embed,
.avVideo .avPlayerContainer .avPlayerBlock > div {position:absolute!important;top:0;left:0;min-width:220px!important;width:100%!important;height:100%!important;}

Saludos.

ResponderCitar
Respondido : 15/09/2014 4:12 pm

AEFCA
 AEFCA
Estimable Member

Hola
he realizado el cambio que me sugerías, limpiado la caché del joomla y la del navegador y .... sigue igual.

No se si será esto una pista o... el caso es que en la vista por artículo el video aparece en un encuadre que pone medios y este funciona perfectamentge de modo responsive , en cambio en las vitas por categorías en el encuadre pone video relacionado y este es el que está causando problemas.

Gracias , un saludo y seguimos dándole vueltas

ResponderCitar
Respondido : 16/09/2014 6:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ya veo aplicado el cambio, pero lógicamente funcionará bien para el contenedor con tamaño mayor a 220px de ancho en pantalla, si quieres más pequeño cambia el valor de 220 por 160px o 150px

Saludos.

ResponderCitar
Respondido : 16/09/2014 10:48 pm

Cursos Gratuitos WordPress

AEFCA
 AEFCA
Estimable Member

Efectivamente con 150 px perfectamente. Gracias, otra cosa mas que he aparendido y ha quedado lista par implementar ennla web vista al público.
Un saludo agradecido

ResponderCitar
Respondido : 16/09/2014 11:21 pm