In SP PageBuilder, I have edited the row styles to show a Vimeo video as embedded background on the front page.
This works well, but as the frontpage are loading the video is shown as a small thumbnail playing in upperleft corner. Just when the pages is fully loaded, the video upscales to full size.
How too omit the small loading video and just show the video as background fullsize?
@clausjepsen Hi, the 99px are there to make sure that the frame fits cleanly in terms of width and does not have white edges.
@Support-Team: In my opinion, this or a similar CSS rule should be implemented in the page builder. To prevent this issue on slow devices. This could also cause bad scores in regard to the google web-vitals. "SEO"
-> https://web.dev/vitals/
Without the 99px:
Hi
Thanks for contacting us. It seems ok on my end. Could you please clear your browser cache and check again?
-Regards.
ㅤ
Hi,
I have no cache on the site and I have refreshed my browser.
Take a look at this small video to see what goes on in left corner
VIDEO
@clausjepsen you need to add the custom css to make sure the video-iframe gets 100% width and height, until the script of the sppb gets executed, which resizes the video-frame to the proper size.
.sppb-youtube-iframe {
width: 100%;
height: calc( 100% + 99px );
}Please check the mails from yesterday "A New Comment Posted" there you will find the instructions as copy.
Hi
That helped a lot. Any way that it can start in top instead of justify after load?
Currently, it starts some pixels down and the adjust to the top afterwards.
What does the +99px do?