Connecting Vimeo Video Embed to CMS Collection

Hello,

I am attempting to create case studies on my portfolio website. I have a ‘Projects’ template page for each case study. I paid for a Vimeo account and figured out how to get the proper embed code on this template page so that the videos autoplay, loop, have no controls, etc.

I am now trying to edit my embed code so that the video link within it is pulled from the CMS, because I need different videos to show on each template page. I created a link field in the CMS called ‘VIMEO TEST LINK’ and then referenced that field within the embed code in the designer, but when I publish the site that area is greyed out and says ‘Vimeo refused to connect’. I left the original video embed on the page as well called ‘Case Study Video Manual Embed’ for comparison- this version is working just fine, but the ‘Case Study Video Embed with CMS Field’ element is not working.

Screen Shot 2022-11-20 at 9.37.36 PM

Read only link:
https://preview.webflow.com/preview/jenrudz?utm_medium=preview_link&utm_source=designer&utm_content=jenrudz&preview=11b72a92fafaf5c3f95a1e4307094e15&pageId=636aec3a099de43024c474e6&itemId=636aec3a099de45130c47504&workflow=preview

Published version of page: Jenny Rudziensky

(‘Take On Wall Street’ template page is the one to reference since that’s where I populated CMS content)

Any help would be greatly appreciated, thanks!

Hey Jenny, did you find a solution? I’m having the same problem with YouTube videos!
Also, could you share your embed code please?
Thanks!

1 Like