Hi webflow community. I’m trying to create something similar to: https://influee.co/on_demand_content/inspiration_hub
This is the published site:
https://creatoroo-02404d.webflow.io/our-work
As you can probably tell, it’s extremely slow and takes ages to load.
For context:
- I’m using finsweets CMS Filter Attributes to filter the videos by industry
- I’m using sproutvideo.com as a video hosting service
- Since not all CMS items have the same ratio I am using columns in the Typography settings to achieve a mosaic layout. See CSS property in div: ‘feed-list’.
- This is the embed code I’m using in the CMS item. See the class of embed: “feed-item-embed”
<div><iframe class='sproutvideo-player' src='{{video-source-link}}?autoPlay=false&fullscreenButton=false&seekBar=false&settingsButton=false&loop=true' style='position:absolute;width:100%;height:100%;left:0;top:0' frameborder='0' allowfullscreen referrerpolicy='no-referrer-when-downgrade' title='Video Player'></iframe></div>
I’m also wanting to do the same thing on the homepage (just with less items and no filtering). See screenshot below. The Webflow Designer crashes on me almost every time in chrome and is super frustrating.
If I look at https://influee.co the page is much faster and I wonder how I can achieve the same with Webflow. What are your experiences with many video embeds from other sources linking with CMS items and fancy layouts?
Here is my site Read-Only:
https://preview.webflow.com/preview/creatoroo-02404d?utm_medium=preview_link&utm_source=designer&utm_content=creatoroo-02404d&preview=410aa7df769c4163e9098d844c05b23f&workflow=preview