Arreglar altura de video incrustado

  • Resuelto sece43

    (@sece43)


    hace 1 año, 7 meses

    Buenas tardes,
    Al insertar un video desde una url ya sea con el bloque de video o el de youtube, durante el diseño se ve con una altura correcta pero al publicar se queda muy pequeño tal y como se puede ver en la url.
    He intentado modificarlo, pero no veo opciones de ajustes para el bloque.
    ¿Alguien me puede ayudar?
    Gracias,

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Moderador Mariano Perez

    (@mpcdigital)

    hace 1 año, 7 meses

    Hola,

    el problema está en la clase de CSS lazyloaded que tiene solo una altura de 150px. La puedes aumentar poniéndole otro valor. Por ejemplo height: 500px;

    Iniciador del debate sece43

    (@sece43)

    hace 1 año, 7 meses

    Gracias Mariano,
    Eso lo puedo predefinir en ajuste CSS adicionales o algo así? Lo que he encontrado lo hace con código por cada video o imagen y yo no voy a hacer las entradas.
    Saludos,

    Moderador Mariano Perez

    (@mpcdigital)

    hace 1 año, 7 meses

    Hola,

    sí se puede predefinir. Se puede hacer que la capa dónde está el vídeo tenga la altura deseada por CSS y así no hay que hacer nada en cada video.

    Iniciador del debate sece43

    (@sece43)

    hace 1 año, 7 meses

    Por favor Mariano, me podrías orientar con el código para hacerlo en css? Lo que he encontrado buscando en foros no ha funcionado.

    Gracias!!

    Iniciador del debate sece43

    (@sece43)

    hace 1 año, 7 meses

    O si me indicas algún sitio, también te lo agradezco.

    Moderador Mariano Perez

    (@mpcdigital)

    hace 1 año, 7 meses

    Hola,

    veo que la altura en este caso la marca la clase lazyloaded. Si marcas la altura que necesites esa clase debe funcionar. He puesto 800 pero puedes poner el número que veas mejor

    .lazyloaded {
    height: 800px;
    }

    Así se poner:

    https://www.hostinger.es/tutoriales/anadir-css-personalizado-wordpress

    Checha

    (@czarrj)

    hace 1 año, 7 meses

    El css para el video sería:

    iframe.lazyloaded {
    height: 400px;
}

    ya que la clase lazyload está dentro del iframe.

    Moderador Mariano Perez

    (@mpcdigital)

    hace 1 año, 6 meses

    Ambas funcionan.

    Iniciador del debate sece43

    (@sece43)

    hace 1 año, 6 meses

    Mil gracias a los dos, ya funciona estupendamente!

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Arreglar altura de video incrustado’ está cerrado a nuevas respuestas.