Video sound is not playing or interrupted in Figma Mirror

Hi everyone,

I am building a prototype for an app that contains a kind of reel-feed. I am super happy, that I am now able to use videos for Prototypes ( :tada: ) but unfortunately in my Figma Mirror app the sound is not playing.

Does anyone have an idea to fix this? Make videos smaller? User other way to display?

The prototype needs to work on a phone. I feel like it plays a little bit smoother in the browser, but there’s still no sound and the search bar messes up the dimensions.

I would be very grateful for any ideas and advice.

Looking forward to hearing from y’all.

Best regards from Germany
Henriette

Hey Henriette, this sounds like it could possibly be a bug, and I’d like our support team to investigate. Please send a copy of the file here. Sorry for any disruption to your work!

Liebe Grüße!

2 Likes

Having the same problem @Henriette_Hellweg

In my case the video is on an overlay, and I noticed that if I close the overlay and reopen it the video continues (where it left off) with sound!

I’m going to investigate saving the video (and its sound) in different formats, bit rates, etc… if I give a solution I’ll report back.

Good luck!

2 Likes

I’m having the same issue. Haven’t found a solution yet

1 Like

Having the same issue. Running Figma on macOS and iOS for mirror view. Video is not playing and not showing at all.

1 Like

Having the same issue as well/

I’m having the same problem. Does anyone have figured out a way to solve this? Thanks a lot!

I have solved this… but only when it’s only 1 component deep (no nesting).

I have a 2 instances of a [1] component. state1 is an icon, when “mouse enter”, I make it change to state2 (check reset video/component). State2 has a video (audio) that autoplays (no repeat). Now make state2 have a mouseLeave that points back to state1 (instant).

Having animations can be a hassle; although, I figured this out as well.

Same as above… except, make this a blank (I made state1 red, state2 green). State2 is where I put the audio/video [see instructions above]. This is literally an audio trigger (not concerned with visuals). I then take this and put it underneath an animation sequence… so AnimationState1, animates into AnimationState2… the audio trigger component goes directly underneath this component. I then make opacity 0.01% so it’s hidden but still triggers (use layers to select again).

I’ve tested and it restarts each time.

If I then take this an put it into another component… say a list of these, the audio doesn’t reset, it picks up where it left off. So nesting, is a no go.

I’m having the same issue. The first video in my prototype plays with audio, but each subsequent video either plays the first second of audio then mutes, or plays no audio at all. The videos themselevs play fine, there’s just no sound. It works fine in the Figma desktop app, but not on the iOS app. Has anyone found a fix for this? Could it be a file size issue? Thanks!

Hey All, sorry for the trouble and frustration!

This issue is now a long-standing bug. We’re aware that audio is failing to consistently play on mobile devices (both Apple and Android).

Our engineers have not been able to make much headway, since it seems to be case by case for users. Only specific files, videos, and transitions seem to be affected.

We’ll pass any details you provide to this thread to the open report, so our engineers can take note of the continued impact.

As a workaround, some users have fixed their issue by downsizing their video. Try downsizing to around 400x400 for best quality across larger screens., if you can. If not, try alternate transition types.