Hello,
Please, can someone help us make a video the shape of an βMβ? We have a video that goes on a loop. We would like it to autoplay. Please see the draft we have made in Wix (we want to recreate it on Webflow).
Many thanks in advance. We really appreciate any help
The easiest way to do it would be to stack a div on top of the video with the div having a transparent png in the shape of the βMβ as itβs background image.
Hello @jhiggins, Thank you for answering our question. We have given your suggestion a try and cannot seem to make it work. We have found a few problems:
- The video is stretched across the whole page, however, we would prefer it to be fitted to the space of the βMβ if that makes sense. (please see the attached screenshot, the guitar is meant to be in the center of the βMβ)
- The βMβ is now cut off within its own section (please see the attached screenshot; the white strip at the bottom is part of div block with the video/M)
Many thanks again
So I would put the βMβ div and the video inside of a div and set the βMβ size to either βcoverβ or contain" (which you do will depend on other factors). Does that make sense? If itβs still not working, just send a link.
Iβd make a div that stretches across the screen with a black background.
Inside of this div add a new one with the background of a video and then add image of the βMβ over that video and make sure itβs set to cover the div.
Float the video βMβ div to the left.
Add some padding to the main black background container.
Hereβs a quick illustration made in Paint.
Hello @carlosdlt Thank you so much! We have been able to get it to work with your advice, very much appreciated