My goal: display 5 autoplay high resolution background videos on a landing page like apple.com
I tried 2 methods in Webflow
1-Html5 method, it has no visible bugs on console but:
1A-The performance is not good in general, but I think it might be related to always serving the 4k option instead of calculating based on bandwidth
1B-It crashes on mobile - tested on Iphone 8 IOS version 13.6 and Android's Chrome
2-Video player method
Performance IS VERY GOOD compared to Vimeo BUT
I have a bunch of console errors:
It also breaks Google PageSpeed Insights:
I'm using the EXACT same code as here:
The same problem happens on codepen (console + Google Page insights).
Thoughts on what is the best way to achieve the goal with performance, quality and no errors?
Please sign in to leave a comment.