I’m building a site for a VFX agency client (share link here), where Webflow’s 4MB image size max just won’t cut it. I’ve built out project pages for each case study using CMS, and I need to add a bar with a 2x grid where we can play two videos side-by-side on autoplay, loop, and mute to mimic .gifs but with better quality.
I’ve found versions of this code available in the forum, but I’m not a coder and can’t figure out how to execute this seamlessly on my website, especially using CMS—we need the client to be able to input the two video links on the CMS back-end for each client, then have them auto-populate to the corresponding collections page.
Are any of you able to solve/build this? If you can make it happen, we’d be willing to pay for you to implement on the website!
As a bonus, we’d also like to make the project thumbnails on the homepage play/stop on hover on/off (also on mute and loop).
I’m hoping to find someone who can show us they know how to make this happen seamlessly! I already have another website under dev that needs the same functionality, and hopefully a solution can also help others in the community.
Thanks so much, Webflow wizards!
Here is my public share link: https://preview.webflow.com/preview/modlo?utm_medium=preview_link&utm_source=dashboard&utm_content=modlo&preview=5dffabf51097c7269da613ea62ed453a&workflow=preview
(how to access public share link)