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/