Webflow sync, pageviews & more.
NEW

Does Webflow support YouTube Shorts for the Video Link in the CMS, as it is not working for me?

TL;DR
  • Convert YouTube Shorts URLs from youtube.com/shorts/VIDEO_ID to youtube.com/watch?v=VIDEO_ID before adding them to the CMS Video field.
  • Alternatively, use a CMS text field and a custom embed element with the format https://www.youtube.com/embed/VIDEO_ID for greater flexibility and support.

Webflow currently does not fully support embedding YouTube Shorts links (e.g., youtube.com/shorts/...) in the CMS Video field. The CMS is designed to work with standard YouTube video URLs.

1. Understand the Issue

  • Webflow’s Video field in a CMS collection accepts YouTube and Vimeo links, but it expects standard video URLs, like https://www.youtube.com/watch?v=VIDEO_ID.
  • YouTube Shorts use a different format: https://youtube.com/shorts/VIDEO_ID, which does not automatically embed correctly in Webflow’s video element.
  • To make it work, convert the Shorts URL to the standard YouTube format:
  • From: https://youtube.com/shorts/VIDEO_ID
  • To: https://www.youtube.com/watch?v=VIDEO_ID
  • Enter this converted URL into the CMS Video field.

3. Automate with CMS Text Field and Embed Element (Optional)

If you want to allow both formats, you can:

  • Use a plain Text field (instead of the Video field) in your CMS to store the URL.
  • On the page, add a Custom Embed element and use the following format inside it:
  • <iframe src="https://www.youtube.com/embed/VIDEO_ID?rel=0" loading="lazy"></iframe>
  • Replace VIDEO_ID with a dynamic reference using Webflow’s “Add Field” for your text field.
  • This provides more control and supports Shorts if you standardize the embed link to https://www.youtube.com/embed/VIDEO_ID.

4. Validate the Video ID

  • Ensure that the YouTube video exists and that embedding is not disabled by the content owner.
  • You can test the embed URL separately in a browser to confirm it loads.

Summary

Webflow’s CMS Video field does not support YouTube Shorts links directly. Convert Shorts URLs to the standard YouTube format (watch?v=VIDEO_ID) or use a CMS text field with a custom embed for full control.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Why is my form in Webflow not submitting on my live environment but is submitting on my staging environment? I am receiving an internal server error (http code 500) and a CORS policy error message. How can I resolve this issue?
How can I change the z-index of objects in Webflow so that the cursor is not placed behind images?
Why does the font change when viewing the published state of my SVG image imported into Webflow? It is supposed to be an image, not an actual font. Any suggestions?
How can I style the standard slider circles in Webflow to have a fill for the selected circle and a border with no fill for the non-selected circles?
Why are the thumbnail images not displaying on certain projects in the exported version of my Webflow portfolio site, specifically on mobile, when they appear fine in the Webflow preview?
How can I correct the issue where the Webflow staging site appears instead of the custom domain when searching for my Client's business name, Jackson Wink, on Google?
How can I get my Webflow site's sitemap to show up in Google Search Console and have my pages appear in Google searches? I have tried various solutions, including updating the robots.txt section and encountering an issue with fetching the sitemap. Please assist.
Where can I style the color of the active link in the nav bar on Webflow?
Is it possible in Webflow to have unique animations applied to specific viewports, such as altering the direction of movement for text from left to right on desktop and along the y-axis on mobile? Is there a workaround for this limitation?
How can I rearrange the order of CMS content in Webflow?
How can I create a hover effect in Webflow similar to the one shown in this image? Are there any tutorials available for this? I couldn't find any. Any tips would be greatly appreciated.
Why isn't my video displaying on the page in Webflow when I populate the video element from the CMS?
Is there a way to postpone the signup process in the Webflow ecommerce checkout, so that users can purchase a product/access first and then receive an email invitation to create their account? If not, can this be achieved by using a manually added Stripe checkout integrated with Zapier and the Webflow API?
How can I edit the existing link on the logo in the top left corner of my Webflow homepage? It doesn't seem to be wrapped around the SVG and appears below the image.
Can Webflow allow for the addition of a stroke to text for an editable CMS title?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?