Section background video not resizing properly

Support
#1

I’m building our new company site and am running to some issues with the way the section background videos resize when a user manually increases the viewport size. Its leaving the gray background showing.

Do you have any suggestions?

https://ucostage.wpengine.com

#2

Hello John,

Thanks for writing in!

I have investigated your site. I could not replicate any issue.
This is how I see it when I resize my browser screen:

Regards.

#3

here is a video example of the behavior

Video

#4

Also, when the page loads, you can see the video background resize…video included

any way to stop that?

Video

#5

Hi John,

Thanks for reaching out.

I could somehow confirm but not the same as your first video. It happens randomly, sometimes it happens if I resize it down or the opposite. I assume it’s due to rendering speed of the video since it’s implemented as javascript, the video uses the MediaElementJS library that came with Wordpress (our theme doesn’t have its own video player). It solely relies on Wordpress feature and only styled to match the theme design. I’ll continue checking to see if there is a workaround as I can’t reproduce this on my installation, this might be specific to your setup.

As for the second video, it’s unavoidable since the video player is coming from Wordpress run by javascript. And javascript are always executed last once the page is completely loaded. Which is why it’s more noticeable on slow site where javascript couldn’t execute instantly since it waits for it to completely load. Usually, other users use preloader to make sure the content stay hidden until it’s completely loaded and rendered. I recommend trying that too, example https://www.wpexplorer.com/add-preloader-wordpress/

Thanks!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.