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/
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
Hi @parvizbayram see you have fixed it.
Yes. Thanks to @austin
So you can be first to share solution so others can benefit from it
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.
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.
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?
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
.