Archived topic
YouTube Embed Resolution Problems
1 reply · Started by Schalk on November 3, 2020
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.
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%;
}