Hi,
Please help. I thought this was resolved, but the extra padding is back.
We used to emebed video like this
<iframe src="https://www.vimeo.com/embed/483566364" width="100%" height="auto" frameborder="0" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>
but it shows an error “vimeo.com refused to connect.”
Flywheel support suggested https://embedresponsively.com/ which produces this code
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/483566364' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
This adds a great deal of padding. When I reduced the padding to 5% it shrank the size of the video on the page, but didn’t effect the padding. When I increased the size of the padding the video got bigger, but there is still too much padding.
When I tried the WP Bakery Video Player, I have the same problem with too much padding. I had Flywheel roll back to version 5.4.4, last Friday but we are still having the same problem.
Thanks in advance!
I tested the theme and plugins with the Health Check & Troubleshooting plugin in Troubleshooting mode. I had to have the Pro theme, The Grid, and Short Codes Ultimate enabled to view the pages, but the extra padding is still there.