How do you get a full screen video to pre-load and start playing before all page elements?

Hello there.

There’s a website: www.thestable.com where they have a video loading - immediately - without any page load, wait time, or stalling (like Revolution slider) to load.

Do any of you experts out there know how this is being accomplished? We really need a full screen video on our website home page, but we can’t have it waiting for 3 seconds before it kicks off.

Thank you!

I had to wait quite a few seconds for it to load.

This article shows you how to create full screen video.

You want to keep the file size low and keep all your scripts at the end of the html before the closing body tag if possible.

Use above the fold in page css to display the initial section quickly.

In the end you can’t preload something without it actually having to load. There will always be a time while something loads but you can show something else while this happens or indeed show nothing until the thing you want to see has loaded.

However a blank screen of even a few seconds is probably enough to make me think the site isn’t working and click somewhere else. I like to see things happen straight away even if they are only partially painted.

2 Likes

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