Prototyping with transparent videos

Bumping this — also having this issue.

使用 alpha + mask 可以解决

Same also having the issue.

+1 very annoying issue 😦 Every other online editor works well with transparent background .webm.

Solution: Open Prototype settings and change your black background. Looks like Figma is adding the default prototype color to your video. 😀

Changing the prototype background doesn’t seem to work for me. The added background color also doesn’t seem to match the prototype background.
I can’t upload my webm files here, but here is an example Figma file:

I have the same issue. I managed to get it to work somehow when I first imported the video, afterwards it started going black without anything I can do to stop it.

Is this issue being addressed?

2024 - Problem still actual :(((

I don’t understand this. The WebM places fine, with transparency and antialiasing in effect, and gets treated as a video fill. But then once I play the prototype I get a single good frame and then the background gets filled with black and the antialiasing gets blown away to chunkiness.

I’m surprised this hasn’t gotten addressed yet. It would be a real help in working around limitations with Figma and components with embedded transitions.

Hi all,

Thank you for sharing your thoughts regarding transparent videos. After consulting with our internal product team, they have confirmed that transparent videos are currently not supported.

We are aware of these feedback we have received and while we cannot guarantee it, our team may consider this for future enhancements.

Thanks,
Toku