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 ( ) 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.
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!
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.
) but unfortunately in my Figma Mirror app the sound is not playing.