Discover the best cmsvideo websites created by professional designers. Get inspired and start planning your perfect cmsvideo web design today!

View docs at https://github.com/vimeo/player.js

Vimeo Video Player

ZealousWeb

The ‘Video autoplay and dynamic time’ component for Webflow simplifies embedding videos from popular video hosting platforms like Youtube and Vimeo in a responsive design. Our user-friendly Webflow video clonable component lets you showcase your self-hosted and externally hosted videos using direct links. 

The default video setting includes autoplay on a pop-up after you click on a video link. This Webflow component displays the timeframe for the video directly in the corner of your video’s thumbnail.

The component integrates conveniently with most browsers without any compatibility issues and the need for any third-party tools. Add it to your Webflow website for an unparalleled user-friendly experience. 

Video autoplay with timer

Video Autoplay in Popup

Ali Saeed

Hey!

The whole grid is free to clone. It uses CMS items with rich text, so you can add images, custom embeds, and lots more. Simply add items to the collection list, and it will update.

The grid is designed in a way that when the mouse hovers over the grids-wrapper, you can scroll through the CMS grid items.

To edit the grid elements: For the button, just click on it and add a link. For the text, you will have to first hide right-content, edit the text and then unhide the class. Boom 💥

As far as custom code, it only uses only the below script (found in the HTML Embed on this project). Make sure if you edit the classes above, point the script to the edited class

Need any help? Feel free to reach out to me on Twitter :)

CMS Grid with Background Video + Gradient

Cool CMS Grid With Background Video + Gradient

In this Boost we take a look at how we can leverage code already written by Webflow engineers to make CMS Connected Background Videos possible. Normally, Webflow only allows us to link to YouTube or Vimeo videos within the CMS, but we can use a custom code embed to drop in our own HTML. We'll use Webflow to host the videos in this example, but you could host elsewhere like how I show in my videos on Dropbox and Amazon Web Services (AWS).

Webflow CMS Connected Background Video

CMS Connected Background Video

This is very much a work in progress "in-Webflow-app" to leverage Webflow background videos to host videos and then uses JavaScript on the live page to copy the video's source URL to be used however you choose. This is especially handy for projects where you may need to use many background videos in embeds while linking to them via text fields in the CMS.

Currently, this project lacks 1/2 of the instructions and only copies the .mp4 video (Webflow also creates a .webm.)

5/24/23 - I may update this... I may not.

Discover cmsvideo websites built by the Webflow community

Discover cmsvideo websites built by the Webflow community