Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 9, 2022 at 12:27 am #1371832
    seagrinch

    A youtube video embedded with the WP block editor seems to want to scale to the full with of the page body. This results in a cropped preview thumbnail, an unnecessarily tall iframe window, and black bars when viewing a video. Meanwhile, a video embedded with the Avia ALB displays correctly.

    Any suggestions on how to fix this so I can use the block editor?

    November 9, 2022 at 3:01 am #1371835
    Nikko

    Hi seagrinch,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS and see if it helps:

    .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper span {
    padding-bottom: 56.2667%;
    position: relative;
    display: block;
}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper span iframe {
    position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
    padding: 0;
}

    Best regards,
    Nikko

    November 9, 2022 at 4:11 am #1371843
    seagrinch

    Thanks! That looks like it does the trick!

    November 9, 2022 at 4:13 am #1371844
    Nikko

    Hi seagrinch,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Youtube embeds with block editor do not scale correctly’ is closed to new replies.