new course
CSS grid landing page tutorial (36min)

Lesson info

Lesson info

The video field is a CMS field used in Collections. It allows you to add videos via a link from third-party online video hosts Vimeo and YouTube.

Explore this project

Want to dig into the project featured in this video and see how everything is put together? We've included the full project we used when making this lesson, and we've shared the link right under this very paragraph.

View and clone this projectDownload lesson assets
Clone this projectDownload project assets


The Video field is straightforward: from here, we can paste in any link to a YouTube or Vimeo Video. This can be done, of course, in the CMS — or by a collaborator or client in the Editor.

So how do we implement? On the Canvas, we can drag in a Video element from the Elements panel into any Collection List or Collection Page. And when we do that, we can get the Video right from our collection — we can bind it right to the Video field.

Of course, we can format this just as we'd format the element if it was using a static YouTube link. In this case, the Video link that's used here is bound to the Video field in the item that's being referenced.

That's the Video field.