Im trying to place a video with a transparent background in front of some elements. The video was rendered with its alpha channel as WebM Codec VP8 (Also tried with VP9). However the transparency is not rendering on my site, instead what should appear as transparent is appearing as black. I brought in the video as a video background webflow element, and I increased its z-index so that it would lie on top of the other elements.
I found a topic asking the same question, it was acknowledged by staff as a bug of sorts but a solution was not given (WebM background video alpha/transparency not working?) so im still looking for a work around.
The final effect im trying to achieve is to have the white blob floating on its own on top of the other web elements, which is why I created the video with the transparent background and alpha channel included.
Any help would be greatly appreciated.
Here is my site Read-Only: [https://preview.webflow.com/preview/rafaels-blank-site-cee143-89097fb80cb1d?utm_medium=preview_link&utm_source=dashboard&utm_content=rafaels-blank-site-cee143-89097fb80cb1d&preview=883e3299af90c34f9779a55b67770306&mode=preview]
([how to share your site Read-Only link])