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
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?