You want to build that page with a lot of YouTube videos, but when you publish it, you realize it takes SOOOO LONG, sometimes 10 seconds(!) for a page to load! Well, this makes your site dead, because no one will stay on it more than a couple of moments, biting his nails while waiting for the hacking clips to be loaded.
And, with Webflow Video Widget there is nothing you can do… It’s a problem with YouTube itself and a heavy elements which are loaded with every video clip instance on your page.
Fortunately, we got a solution!
First of all, use HTML Embed method for your YouTube videos, instead of regular Webflow video element.
As a side point, if you are looking to place a ton of YouTube Videos on a page, here is a Webflow CMS powered YouTube playlist player created using a little custom css and javascript from a CodePen that might come in handy: https://webflow.com/website/YouTube-LazyLoad-from-CMS
Hi @Ilan_Golan,
very useful tool indeed, thank you for sharing!
It’s true that you need to double tap on the video to make it viewable. I would like the video to self-load while the user is scrolling so that when they arrive at the video, the video is ready to be watched in one-click - while of course keeping the benefits of an overall faster page-load
I saw there are multiple parameters in the js code that your tool generated: maybe it’s just one or two parameters I need to change?
This solution is exactly what I need. I’ve implemented a similar one previously but it doesn’t work with the CMS so I’m trying to make the switch to this one.
I’ve followed all of the steps, but for some reason I’m just getting playback errors every single time. If I clone the project and add my video ID in, it works fine. But when I move it over to my project it’s having none of it.
