How can I disable the fade to black animation when going fullscreen on a video in firefox?

Question

When setting a video to fullscreen, it does this annoying fade-to-black animation.

I am posting this as finding an up-to-date solution was quite difficult, so I figured I'd share it to make it easier for others to find.

This is working as of Firefox version: 104.0.2

Edit: Someone has identified this as a duplicate of another question.

While that question does feature the answer to my question, the questions are about two different animations with different solutions.

Their question is about the animation for setting the browser to fullscreen using f11 which is a different animation and is not removed in the same manner.

So while the answer to this question is submitted on that question it has terrible discoverability due to being posted as the answer to a different question.

Answer 1

To disable the animation (or change the animation speed), go to the URL about:config.

Search for full-screen-api.transition-duration.enter and full-screen-api.transition-duration.leave and change both to 0 0 to disable the animation completely.

Edit: Someone mentioned I should post the version in the answer and not just the question.

This is working as of Firefox version: 104.0.2