Soporte » Diseño – Temas y plantillas » Vídeo de Youtube incrustado se ve enorme desde el pc

  • Resuelto kuthulos85

    (@kuthulos85)


    Hola.

    Lo que dice el título básicamente.

    He añadido un vídeo de YouTube en mi web, en esta página:

    https://lacriptadelvampiro.com/abaco-sonar-con-abaco/

    Y si lo veis desde el pc ocupa casi toda la pantalla, quisiera saber como reducirlo como un 75% y que así se vea más pequeño.

    Gracias.

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Buenos días @kuthulos85,

    Puedes añadir el siguiente código CSS para modificar el tamaño del vídeo:

    .wp-block-embed-youtube iframe {
        aspect-ratio: 3/2;
        width: 600px !important;
        height: auto !important;
    }

    Eh colocado un width aleatorio de 600px. Puedes modificarlo a tu antojo para que el tamaño sea mayor o menor.

    Para añadir ese código podrás hacerlo desde Apariencia/Personalizar/CSS adicional. Hay veces en las que debes limpiar caché para que estos cambios se reflejen.

    Espero haberte ayudado, Saludos

    Iniciador del debate kuthulos85

    (@kuthulos85)

    Hola Álvaro, gracias por el aporte, ya encontré un código similar en una web y lo usé pero una pregunta. ¿sabes como puedo centrar el vídeo para que no se vea a la izquierda en pc? en móviles se ve centrado pero en pc se ve a la izquierda, aunque ponga alineación centrada, no sé si se podrá corregir.

    Gracias de nuevo.

    Hola,

    Sí, claro. A ese mismo código debes añadirle un margin horizontal automático. Quedaría entonces:

    .wp-block-embed-youtube iframe {
        aspect-ratio: 3/2;
        width: 600px !important;
        height: auto !important;
    
        margin: 0 auto !important;
    }

    Por favor, marca como resuelto el debate.

    Espero haberte ayudado, Saludos

    Iniciador del debate kuthulos85

    (@kuthulos85)

    Gracias.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.