The "must be a valid video URL" error in Webflow usually happens due to incorrect video formatting or issues with the CMS field setup. Here’s how to troubleshoot and fix it.
- YouTube: Use the standard watch URL format (
https://www.youtube.com/watch?v=VIDEO_ID
) or the shareable short link (https://youtu.be/VIDEO_ID
). - Vimeo: Use the standard video URL format (
https://vimeo.com/VIDEO_ID
). - Avoid Playlist or Embed Links: YouTube playlist links (
&list=...
) or embed URLs (/embed/VIDEO_ID
) can cause validation errors.
2. Verify the CMS Field Type
- Go to CMS Collection Settings and confirm that the Video field is set to Video and not Plain Text.
- If the field was set incorrectly, delete it and recreate it with the correct Video type.
3. Enter the URL Manually
- Try manually typing in the URL instead of pasting it. Sometimes, hidden characters or formatting issues from copied text can cause errors.
4. Test with a Known Working Video
- Use a public YouTube or Vimeo URL that works in other Webflow projects (e.g.,
https://youtu.be/dQw4w9WgXcQ
). - If this still triggers the error, the issue is likely point #5 below.
5. Check Browser & CMS Editor Issues
- Try a private/incognito browser window to rule out cache or extension conflicts.
- Ensure you’re in the correct CMS editor mode (e.g., entering links in the Collection rather than a custom field override).
- Check for Webflow outages (visit status.webflow.com).
6. Consider a Temporary Plain Text Workaround
- If the issue persists, create a Plain Text field for video URLs and manually embed videos using an Embed block (
<iframe src="VIDEO_URL">
).
Summary
Ensure you use correct video URLs, check the CMS field type, manually type links, and test with other videos. If everything appears correct and the error persists, the issue may be a Webflow system bug—try clearing cookies, using another browser, or reaching out to Webflow support.