You're encountering a "must be a valid video URL" error in Webflow's CMS when entering YouTube or Vimeo links. This error typically indicates that the system isn't recognizing your format as valid. Here's how you can resolve this issue.
1. Verify Video URL Format
- Ensure the URL is direct from YouTube or Vimeo and uses HTTPS. Avoid shortened links (like youtu.be) or any additional parameters.
- Correct YouTube URL: Start with
https://www.youtube.com/watch?v=. - Correct Vimeo URL: Ensure it begins with
https://vimeo.com/.
2. Check for Typographical Errors
- Confirm there are no spaces or typographical errors in the URL.
- Avoid special characters within the URL that are not standard, like mistakenly inserted punctuation.
3. Use Webflow-Compatible URLs
- Direct URLs must be used. Do not include additional query parameters beyond what it standard provides.
- Avoid embedding scripts or altered links that differ from standard share links provided by these platforms.
4. Refresh and Test Different URLs
- Refresh your Webflow Interface to ensure it's not a temporary glitch.
- Test with different known-good URLs to validate if the issue is with a specific URL or your CMS setup.
5. Check URL Redirection
- Ensure URLs don't redirect. Sometimes services alter URLs post-entry; ensure the URL you input is the direct one ending in a video ID without redirection.
6. Review CMS Settings
- Revisit Collection Fields: Verify that your CMS field type is set to accept video links.
- Update or Republish your site to ensure any CMS settings changes are applied.
Summary
To solve the "valid video URL" error, ensure you're using the correct, direct URLs from YouTube or Vimeo without additional parameters. Check for format errors, and verify CMS settings. If the problem persists, refresh your interface and try testing different URLs.