Adding prototyping screen recording video

Design help Layout & Design
1

Hi! Help!

I’m trying to understand what the best way to showcase my prototypes / my design work through a video. I’m unsure what the best approach is.

So far I have have screen recorded my design by using Quicktime and added it to vimeo to have it hosted as a link but I get all this UI stuff that I don’t want to include, and the width doesn’t seem to work out properly.

Secondly, I tried to add it a video as an mp4 as a background video but that doesn’t work. I’m super confused and not sure how to approach this.

The look I’m going for is this.

https://overlap-with-video.webflow.io/

2

The setup in the demo is a background video, with an overlaid PNG for the laptop frame.

It doesn’t appear to be a cloneable but you might find other similar examples in Made in Webflow.

Basic thing first is to work out your background video upload, Webflow U has resources on that- file size and format specifications, etc.

3

Hi, thanks for the response. Would you be able to link me directly to the resources you’re referring to. I’ve been pouring over the webflow university and unsure how to approach this. Thanks.

4

I’m just using Google here- but here’s what I get.