Video background performance issue

Hi! I’m working on a website that uses multiple instances of the new video background feature. Obviously this hit me with some performance issues. Especially in Firefox. I’m trying to find a smart way of either:

a) Only play videos when visible in viewport
b) Only play videos when you hover over the section that holds it
c) Something else that might make the experience a bit smoother

I’ve tried hiding/showing the video using the scroll interaction. Doesn’t seem to help performance, and it introduces a new bug. I’ve tried playing video when hover over the block using some custom code I found while browsing the forum, didn’t seem to help performance.

Anyone got any ideas?

Public link: http://tresor.webflow.io/

The best option is play the video when is on view compress your videos!

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