Video Background Doesn't Autoplay Unless You Move Your Mouse

Beaver Builder
1

Hi there, our team has developed a website with a video background on the hero section. It works fine when we are logged in and editing the page but if someone visited the site for the first time, for example, the video background is not showing unless we move the mouse around the page. We’ve tried debugging for plugins and themes issues, as well as reaching out to our hosting support to see if there are any internal issues that might have caused it but to no avail. Finally, we tested with a different theme and decided to use just the default WordPress Gutenberg editor and it works as expected.

Here’s the site we are working on:
https://www.platesmart.com/

And here’s the copy of the site where we tested a different theme and no beaver builder.
https://platesmartstag.wpengine.com/

Hopefully, you can help us out.

Thanks!

2

If you mean the video at the top of the page it loaded fine for me first time

3

Thanks for checking. We’re actually testing via incognito. Can you check if you can replicate the issue?

4

The issue is still present when using caching plugins like nitropack or wp-rocket.

5

wp-rocket has it own code for Beaver Builder, Nitropack is a premium service we have no access too, for me the video is still playing. Im sure both plugins have a way to disable certain js files from being optimised

6

Hi there,

Your video autoplays for me in the major browsers. But, your video has a stereo audio channel. It’s silent, but it’s present. Try re-encoding with no audio channel.

7

Thanks for checking. We disabled caching on our live link. You can test the staging link here https://platesmartstag.wpengine.com/ here you can still see the issue.

8

the video is waiting for the ready/onload event… .something is holding it up, the event eventually fires and the video plays. open the dev console you’ll see what i mean, takes approx 4.1m then it happens.

9

It appears to be a call to jscloud.net for the file inlinks.js. You can check your browser dev tools for actual performance info. When I just let the page sit without interacting with it, the video does eventually load.

10

So, I removed the inlinks script and decided to leave wp rocket enabled on staging, still the video won’t load. https://platesmartstag.wpengine.com/

11

video plays straight away page loads in 2.8s

12

Btw, I’m testing in incognito to mirror first time visitors’ experience.