Embedded Background Video Loads Small-size
clausjepsen
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?
Jens W.
Accepted Answer@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:
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. It seems ok on my end. Could you please clear your browser cache and check again?
-Regards.
clausjepsen
Accepted AnswerHi, 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
Jens W.
Accepted Answer@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.