I am trying to use a background video for a thumbnail.
I have uploaded it the same size as the image next to it.
But it seems to display some sort of random size?
I really want it to display the correct size.
Iāve seen a few posts on here using custom code to fix this issue.
Is there a way to do this in webflow?
First, this is not a specific issue ofbackground-video (See āempty div exampleā below)
Why? You combine real images with bg-images/videos/color==== The div is empty!! & the height of the element set bypadding/min/max-height/height) ā for example:
And this is whats happen when i remove the height property (The video ādisappearā):
Solution:
Try this trick (No custom code - but this is not dynamic (If in the future you change the sizes of the ārealā images you should also change thepadding-top %)
No background-size: cover; for videos. The background-idea is more for a sky, clouds and so on (Not for content like faces -or- text). Maybe also this % trick wont work well with webflow styles.
Solution (maybe)
Webflow adds the video element (by js) - and add styles - so you must use custom code: