Webm Format Video with Transparent background

Design help General
1

Hi everyone! Is there a way to add a lightweight video with a transparent background? I previously used a GIF with a transparent background, but my site health dropped significantly on Google. It suggested that I convert my GIF to WebM, but I found that WebM is only supported when used as background video (it can NOT be directly uploaded to the assets panel). Unfortunately, when I uploaded it as a background video, it lost the transparent background and turned into a white background.

After extensive research, I discovered a potential solution involving an embed code to insert the WebM video. However, I’m having trouble finding a suitable hosting solution for the video to use in the embed code. Does anyone have a solution for this? Thank you!

Here is my site Read-Only: Webflow - ClinicSense

2

If it’s small, just convert it to a WebP. You’ll be able to upload that to the assets panel

1 Like
3

Hi @sabrina_marin,

At this moment Webflow does not currently support transparent backgrounds for WebM videos.

The best workaround is an embed and you’ll have to host the video outside of webflow.

1 Like
4

Hosting options- if you want a nice interface, check Vidzflow and Flowdrive.

If you’re good with simple straight-up file hosting, I recommend bunny .net, or Cloudflare R2 object storage. Depends on your priorities in terms of cost / capability / convenience.

1 Like
6

I have the same issue and I embeded code and hosted my webm video on dropbox which seemed to work well, however the black background (instead of the transparent one) still shows when the site is opened on Safari. Does anyone have a solution for that?

7

I couldn’t find a good solution for this:( I had to put my video over a white background and call it a day