Can’t embed Vimeo in iframes anymore
-
Hi,
Please help. We used to embed
<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!The page I need help with: [log in to see the link]
- The topic ‘Can’t embed Vimeo in iframes anymore’ is closed to new replies.