Skip to main content
Guilherme_Patricio
Guilherme_Patricio
November 29, 2023
Question

Movie trailer carousel

  • November 29, 2023
  • 2 replies
  • 288 views

I had an interactive trailer carousel with 8 movie trailers. It was a component set, to which I tried adding two control buttons (a play/pause and a mute/unmute), but none of them seemed to work when inside of a component (basically, the instance couldn’t be prototyped and prototyping the component itself resulted in the instance controlling the original component). I’ve spent most of the day trying to remake the component from scratch, but nothing is working. Heeeelp, pls…

This topic has been closed for replies.

2 replies

djv
Figmate
djv
Community Support
November 30, 2023

Hey there, thanks for reaching out, and sorry to hear you’re having trouble!

It’s hard to be sure what’s going wrong without seeing your file. Are you able to share a link to the file so that we hear in the community can take a closer look?

AlicePackard
AlicePackard
Power Member
September 2, 2024

The problem I ran into when trying to create this component myself is that the play/pause and mute/unmute actions were “trapped” within the main component:

Screenshot 2024-09-02 at 9.14.47 AM

^ Those blue arrows are the on-click action triggers that do the playing/pausing and muting/unmuting. I expected them to point to the frame of “Trailer 1” layer in my Carousel instance, but instead they’re pointing back to the “Trailer 1” layer in the main component.

I think this means that video controls like play/pause and mute/unmute cannot be componentized. You’d need to manually place these control buttons on each carousel and hook them up individually on your prototype frames. Guilherme, let me know if this is the issue you encountered as well!

I write about building excellent Figma components on my blog: https://alicepackarddesign.com/blog
Terms & ConditionsAccessibility statement