Bad Video Playback Quality

Ask the community
1

I’m using videos in my web prototype, however their previewing as crusty and pixellated.

The videos uploaded are small (6mb) and I’m currently not even using them fullscreen. Is there a setting that I have done wrong, or is there a work around?

2

Same here.

I understand the need for bandwidth and/or storage optimizations, but is there any way to increase video quality? Maybe by using local storage or preloading?

1 Like
3

Hey both – I can’t be entirely sure, but this may be due to how we process video files in a prototype’s presentation mode at the moment.

In terms of things to try in order to improve the quality, see if the following steps below. @Tom_Birch this may not apply to you – I’m assuming you have a low resolution already, but just in case they may help you and @Jordi4:

  • Depending on how large the video will actually be in the prototype, you can reduce the resolution of the video which should help
  • In other words, if a 1920x1080 video will only ever appear in a frame that is 600 pixels wide, you can try to reduce the quality of the video to match the size of the frame it will appear in.
  • This means that Figma won’t try to compress the video as much, which might help with the quality that appears when this plays.

I realize that this probably affects the quality of what you’re trying to prototype, so I’m making sure to pass your feedback along internally. If you have any additional comments you’d like to provide, feel free to drop them here :blush:

4

I have a design concept that I have created that I want to put on my portfolio. It’s only a grand total of five pages. I am using Adobe Stock videos as background fills. Four out of the five work just fine! The fifth… no matter how much I try to encode it using Premiere, Handbrake, etc. … simply REFUSES to play without serious degradation. I’ve gotten this video to work at moments… only to quickly revert to the muddy, degraded version. There was one evening that I got it to play beautifully and crystal clear… then when the video looped it started alternating between gorgeous, crystal clear and completely muddled and pixelated. Every other time. I THOUGHT that I finally landed on a version (file size, encoding, etc.) that played gorgeously for one evening! Then the next day… 100% muddy and pixelated again.

I’ve tried SO MANY different things to get this single video to play beautifully like the other four!! The idea of EMBEDDING the video into my Figma design from my own hosting occurred to me just this evening. Sadly… it looks like Figma doesn’t support that. I’m honestly at my wits end trying to get this one video to play correctly while the others are playing just fine. I just don’t get it. PLEASE help!! :pray:

5

Thanks for the comment. It sounds strange that this happens only in a part of the file. I believe reaching out directly to the support team with a copy of your file would be best, so could you reach out at https://help.figma.com/hc/en-us/requests/new? Our support team can look into it.

Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don’t worry, inviting us to view your file won’t impact your billing.

Thanks,
Toku

1 Like
6

Thank you so much for your quick reply! I will reach out to them now! I appreciate it! :smiling_face:

1 Like