Webflow sync, pageviews & more.
NEW

Can I add videos to a Webflow blog using Create Collection Item API with embedded HTML code, or do I need to manually input the video URL in the Webflow Editor? Why do I receive an error message when trying to embed certain video links in Webflow?

TL;DR
  • Webflow's Create Collection Item API does not support embedded HTML, only structured fields like Video Link for YouTube/Vimeo URLs.
  • To add a video, use a Video Link field and provide a direct video URL (e.g., "video_field": "https://www.youtube.com/watch?v=your_video_id").
  • Errors may occur if the URL format is incorrect, the video is private, or from an unsupported platform.

You can add videos to a Webflow blog using the Create Collection Item API, but embedded HTML code is not supported in the API request. Instead, Webflow only allows specific field types in its CMS API, including Video Link fields, which require a direct video URL from supported platforms like YouTube or Vimeo.

1. Why You Can't Use Embedded HTML in API Requests

  • Webflow's CMS API only accepts structured data types: Fields like rich text, plain text, image, and video link are allowed, but raw HTML embeds are not supported.
  • Security and formatting restrictions: Webflow restricts API inputs to prevent malicious code execution, ensuring your content stays structured and adheres to Webflow's design constraints.

2. How to Add Videos via API

  • Use a Video Link field in your CMS Collection instead of trying to embed HTML.
  • Send the video URL (e.g., YouTube or Vimeo link) in the API request:
  • Example: "video_field": "https://www.youtube.com/watch?v=your_video_id"
  • Do not attempt to insert <iframe> or <embed> directly, as these are not supported.
  • Unsupported sources: Webflow only supports YouTube, Vimeo, or other officially allowed platforms for its Video Link field.
  • Incorrect URL format: Ensure you're using a direct video URL (e.g., https://www.youtube.com/watch?v=example) and not a shortened or private link.
  • Restricted access: If a YouTube video is private, region-blocked, or has embedding disabled, Webflow may reject the link.

Summary

You must use a direct video URL (YouTube/Vimeo) in a Video Link field via the Create Collection Item API. Embedded HTML is not allowed in the API request due to Webflow’s security and formatting constraints. If you receive errors, check that your video URL is valid, public, and from a supported source.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What is the best membership software to integrate for an investment website with ecommerce features? Alternatively, is it more advantageous to use Webflow's 'Users' function (beta)?
Can I change the default width of images in my blog on Webflow to be full-width instead of half-width?
How can MLS listings be integrated into Webflow? Is it through code or a different method like a link? Will the search field be included in the MLS listing regardless of how it is integrated?
How can I center a button within a div using Webflow in a column layout inside a page's second section?
How can I easily redirect my website to a specific URL with language detection using Webflow?
What are some suggestions for creating a website with two main categories, multiple subcategories with 20-150 software programs each, and individual pages for each program using Webflow's CMS functionality?
Can I integrate Mailerlite with Webflow for email marketing purposes?
How can I create a dynamic drop-down filter for a CMS list in Webflow, similar to the one on this website? Thanks!
Will Webflow incorporate responsive font sizes in its platform?
How can I set up a custom email address using Webflow?
What are the benefits and features of Webflow?
How do I rename text span blocks in the Webflow panel?
How can I create a simple image swap on mouseover element with transparent text and a colored drop shadow in Webflow?
How can I change the visited link color in the navbar using Webflow?
How can I link from a button on page 1 to a specific tab on page 2 in Webflow, which is located inside a section and needs to scroll down the page?
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 fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?
How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked 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?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
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!