I recently launched a new project https://community.sudolabs.com/. Works fine expect the “archive” tab, we I have embed Youtube videos. Since the links are pulled from CMS collection I am using video component not the youtube one.
Is there any way to optimise it at all? Tried to scroll through community without any luck, so even if you would point me into right direction I would be super grateful.
EDIT: My apologies in regards of working. I used a video component from CMS collection not embed component.
Shoot. I think it basically creates the same thumbnail without adding embed. I’m not sure if there’s a way to do something similar natively in Webflow using a click trigger to call up the embed.
Youtube embeds are the worst for pageloads!
Can you try adding a page preload on that specific link?
Or a page load animation to let users know the page is in progress?
Thanks for the tip. It did not help at all, or very little. I tried to create a page not using CMS and adding embeds manually. And it works quite well with the tool you recommended. The only downside is, that you are not able to place it there via CMS, which is very pity.
Luckily it’s internal microsite so it is not the end of the world. But still would be great to find a solution using video link and CMS. This is the test of this embed version. Archive
Hey there @Selmira I think we have another approach which might benefit you beacuse you’d be able to use the embed directly via CMS rather than having to use a static embed. Namely you’d need to add a text field into the cms called “Video ID” and just store the part after questionmark in that field.
Once you do that you can add an embed on the page either in collection on a static page or on the CMS template directly and set it up like this
VideoID will then be pulled in automatically for each page as you defined it in the CMS. Let me know if you have any other questions and if this helped!
Hey! Thanks a lot, but not going to lie I don’t follow at all . I understand how it works, but I don’t understand, how I should use this element, like what the structure of this specific section should be. And what this CMS element should consist of so it works.
Is it just embed element with this code as above?
Should I as next step just add hidden text field, which feeds data from the CMS collection?
Would that result that automatically new tile would be added, if I would add this video ID into browser editor?
Check your video to ensure it has a thumbnail. If you uploaded it recently it may not have been generated / verified yet. But otherwise thumbs should show fine, it’s just a youtube player after all.
Side note, when you have the Youtube video ID, you can get the thumbnails directly from Youtube’s server. In some cases I use this to generate a stacking button, which, when played, then initializes the video. Works great when you have 100 video thumbs on the page and you don’t want to crush your page performance.
. I understand how it works, but I don’t understand, how I should use this element, like what the structure of this specific section should be. And what this CMS element should consist of so it works.
