Video Link CMS field is unusable

Dwayne Burgess
Dwayne Burgess
Last updated 
Issue: 
Video Link CMS field is unusable when populated using Webflow CMS API.

Details:
The UI (CMS editor) takes a Video URL and converts it into an embed component (iframe) for display in the page.  The API does not execute the convert function that the UI (CMS editor) does so the URL is never rendered into the video component on the web page.

Workaround:
If you need to use Video embed while working with the CMS API then use a 'Plain text' field type instead.  With a plain text field you can use a dynamic embed 'Add Field' feature to inject the URL into an iframe.

You can utilise the standard Webflow Video component iframe code if you need a universal video player (e.g. Youtube and Vimeo links).

To do this insert an 'Embed' component into your page and then paste the html fragment (iframe code) for a Webflow video component into the code editor. Then insert your field for the embed URL into the src tag in your iframe.  Note that this must be an embeddable link (e.g. https://player.vimeo/video/<video_ID)> not a standard video page link.

image.png 252 KB View full-size Download

iframe code
<iframe class="embedly-embed" src="<your field goes here>" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

image.png 16 KB View full-size Download