Avisos
Vaciar todo

Problema con embed responsively en videos  

 
David
 David
Noble Member

Buenos días,
No sabemos que ocurre en esta web que al pegar los códigos adaptativos de los vídeos (como este que adjunto), y que venimos usando desde hace tiempo en otros soportes Jommla, el editor lo convierte (al salvar) en un codigo estático. Como el segundo que pongo aquí. Lo cuál hace que el video se quede fijo, y no se adapte al tipo de visualizador. ¿sabéis cuál es el motivo y cómo se puede solucionar?

Muchas gracias

Código adaptativo
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Código estático

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/03/2019 11:28 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

no entiendo muy bien, ¿ qué es lo que convierte en estático el iframe ? ¿ utilizas el editor JCE ?
Si utilizas el editor JCE revisa lo siguiente.

.- Accede a componentes -> Administración JCE -> perfiles.
.- Selecciona el perfil Default ( o el que estés utilizando por defecto )
.- Selecciona la pestaña " plugin Parameters "
.- Selecciona " Soporte Multimedia "
:- Revisa que tengas seleccionado " SI " en la opción " Permitir Iframes "

Un Saludo

ResponderCitar
Respondido : 27/03/2019 12:35 pm

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

David
 David
Noble Member

Hola Pepe,

En efecto es el JCE PRO. He entrado donde me comentabas (no sabía ni que existía 🙂 ) ... y observo que tiene parámetros de configuración de Yotube por defecto. Adjunto captura. Supongo que este es el motivo de que cuando insertamos un iframe adaptativo, el lo convierta en un video fijo de 560 x 315

Vamos a desactivar ese parámetro automático a ver

ResponderCitar
Respondido : 27/03/2019 12:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

ok, acuerdate de ver si tienes seleccionada la opción de permitir Iframes.

un saludo

ResponderCitar
Respondido : 27/03/2019 12:59 pm

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

David
 David
Noble Member

Hola Pepe,

Tenías razón. NO estaba activada esa función (permitir iframes). La he activado, aunque sigue haciendo cosas extrañas. Si pego el código que me facilita la herramientas "embed" que utilizo, que es esta http://embedresponsively.com/ como youtube, salvo y el video desaparece.

Si utilizo en lugar de embed youtube, obtener codigo como iframe, el editor joomla me lo cambia al salvar. Y lo convierte en un video enano. La única opción es cambiar a mano la medida, despues de salvar el articulo, pero desaparecen las opciones responsive.

Me tiene loco este asunto. Estoy por escirbir a soporte de JCE Pro. Si avanzo comento por aquí. Cualquier idea entre tanto será siempre bien recibida.

Muchas gracias

ResponderCitar
Respondido : 27/03/2019 5:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si ya puedes guardar el iframe y se muestra el video, aunque no de forma responsive, es posible que requieras CSS adicionales, algunos themes los tienen incluídos, sin embargo es posible que en tu caso no sea así, te sugiero revisar:

https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php (Revisa la parte de Youtube)

En resumen tendrías que agregar código CSS para que tus videos se muestren de forma responsive.

Saludos.

ResponderCitar
Respondido : 27/03/2019 6:06 pm