Video in a grid. IS IT POSSIBLE? IF YES, THEN HOW?

I want to put a video into a grid, but I see only a black screen instead of a video after putting it into the grid. Have you any idea about it?

Look at the bottom (the last item of the grid): https://duolutions-wondrous-site.webflow.io/

It is something weird. There are 3-4 topics like this, but nobody knows the answer. The black hole of Webflow :smiley:

1 Like

Hi @parvizbayram see you have fixed it. :+1:

2 Likes

Yes. Thanks to @austin

So you can be first to share solution so others can benefit from it :wink:

1 Like

Yes)) Let’s write the solution here for all: you should only define the exact size of the video and your video will be seen.

Great solution, you can also try to set max-height and aspect-ratio make video responsive instead setting fixed values on each viewport. :wink:

how can I add an aspect ratio?

with custom code

<style>
.my-element-name { 
   custom-ratio: 24/9;
}
</style>

More info on WFU in section how to work with custom code

EDIT: you should calculate proper ratio based on video dimensions as mine (24/9) was just pure guess for demo purposes and it can be eg. 3/1 etc…

Hi, it has been over a year but I’m facing the same issue.

Webflow now allows you to set a custom aspect ratio. I did it but it is still not working.

https://preview.webflow.com/preview/deals-on-demand?utm_medium=preview_link&utm_source=designer&utm_content=deals-on-demand&preview=9a791a6390864828047ca99c37ee7041&workflow=preview

hi @Far-Imagine you do not need ratio. the issue is related to z-index.

All you need is fit set to cover and z-index in positive numbers.

BTW what is a RATIO 2160 x 3840 anyway?

1 Like

Ah saved me @Stan. Thanks!
And 2160 x 3840 is the actual dimension of the video.

hi @Far-Imagine just small hint, a standard ratio for video is 16/9. :upside_down_face: