[Support request] YouTube Embed Resolution Problems

Home Forums Support YouTube Embed Resolution Problems

  • This topic has 1 reply, 2 voices, and was last updated 4 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1516033
    Schalk

    Good day, I have seven embedded YouTube videos on my home page. Six of them, when embedded, display correctly in what seems to be a 16:9 container, the last one seems like it’s closer to a 4:3 container. I have tried the forum as well as a myriad of things to fix it but it’s not fixing. I’ve also just duplicated one of the correct appearing blocks and pasted the link into it but it does the same. I can’t find any problem on Youtube side either. I have done all the required steps (empty caches etc.). The site name is http://www.overbergshootingacademy.co.za.

    Would appreciate any guidance on the matter.

    #1516378
    David
    Staff
    Customer Support

    Hi there,

    that last embed is carrying both the 16-9 and 4-3 class, which is odd.
    Not sure why it does that and its not something the theme controls.

    You could add this CSS to override the CSS when both classes are present:

    .wp-embed-responsive .wp-embed-aspect-4-3.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
        padding-top: 56.25%;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.