-
I have a custom post type with a custom page template built with GenerateBlocks. Here is an example: https://thebrokerageinc.com/video/the-latest-from-ameritas/
For some reason, the Vimeo embed suddenly shrunk down the page. We didn’t make any changes. Before, it took up the full size from the left to the right sidebar.
-
The cause of the issue is that the video has an inline style setting 80% top padding.
https://app.screencast.com/WnYrKBeAXNF2YIt’s not added by GB, please check the embedded code or reach out to the video provider.
-
Thank you, Ying. I removed the top padding, but as you can see, the video is still shrunk down pretty tiny. https://thebrokerageinc.com/video/the-latest-from-ameritas/
Here is the current embed code: <div style=”padding:0 0 0 0;position:relative;”><iframe src=”https://player.vimeo.com/video/937940972?badge=0&autopause=0&player_id=0&app_id=58479″ frameborder=”0″ allow=”autoplay; fullscreen; picture-in-picture; clipboard-write” style=”position:absolute;top:0;left:0;width:100%;height:100%;” title=”The Latest from Ameritas”></iframe></div><script
It seems like the problem is with GenerateBlocks? I would think this video should be displaying full size since it is set width and height to 100%. Unless I’m missing something?
-
Hi there,
GB just outputs HTML, it won’t interfere with what that iframe is doing.
If you Right Click > Inspect the video to open the browser developers tools you can see its frontend HTML:
<iframe frameborder="0" title="The Latest from Ameritas" class="perfmatters-lazy entered pmloaded" data-src="https://player.vimeo.com/video/937940972?badge=0&autopause=0&player_id=0&app_id=58479" data-ll-status="loaded" src="https://player.vimeo.com/video/937940972?badge=0&autopause=0&player_id=0&app_id=58479"></iframe>As you can see it has no style attribute as per your original HTML. I would suspect thats because PerfMatters LazyLoad has altered that.
- You must be logged in to reply to this topic.