Hey everyone! For some reason background videos in my webflow projects don’t play and I just get a still image (first frame) instead. I noticed this issue a few days ago. Given that I haven’t made any changes to my projects, I’m wondering if this is a new bug in webflow. I’ve included a basic project here with a short mp4 as its background video that doesn’t play and would appreciate any insight.
It seems I’ve run into the same issue with my background video…
Works on mobile, but not on my desktop/laptop; which is quite strange.
A possible solution straight from the Webflow support:
“A recent issue popped up with background videos not playing when reduced motion preferences are enabled on some computers. It’s possible that reduced motion/animation preferences are preventing the videos from playing in these cases.”
In Windows: Settings > Ease of Access > Display > Show animations in Windows.
On Mac:Apple menu > System Preferences, click Accessibility, then click Display.
Changing these settings on my desktop (Windows 10) fixed it for me. My best guess is that a recent update changed these settings.
I got the same reply from the Webflow support, suggesting to disable reduced motion preferences. Although it resolved the issue on my computer, it’s obviously not a solution since asking clients and their site visitors to make this change just isn’t reasonable and Webflow support should know that it’s a pointless fix!
I’m unsure why Webflow background videos don’t work either when there are a number of examples of them working and I’ve also seen many more examples on other sites. I cloned the site above and tested to see if this worked in one of my sites and had issues with it playing.
This was my rough attempt to get the video to work with a HTML Embed and as you can see I couldn’t quite work out how to get the video to go quite fullscreen when the browser is resized. Not sure what was missing from the HTML code to make it fullscreen (or if any of the other options are better for fullscreen BG videos) but any help would be greatly appreciated.
If anyone has a simpler solution please let me know. TY!
Video autoplay still not working! I bought this template. https://filmax.webflow.io/
It works in the sample, but when I published it (here: https://olmerad.webflow.io), the videos don’t autoplay on desktop (only work on mobile?!). Webflow team, this is a major fail!