Immediate Fix: Disable Hardware Acceleration
The most common cause of Firefox flickering during video playback is a conflict between the browser’s rendering engine and your Graphics Processing Unit (GPU). Disabling hardware acceleration usually stops the flickering instantly.
Follow these steps to apply the fix:
- Click the Menu button (three horizontal lines) and select Settings.
- In the General panel, scroll down to the Performance section.
- Uncheck the box for Use recommended performance settings.
- Uncheck Use hardware acceleration when available.
- Close Firefox completely and restart it.
Once restarted, test a video on YouTube or Twitch to verify the flickering has stopped. If the issue persists, the problem may lie deeper within your system drivers.
Technical Explanation
Screen flickering in Firefox typically occurs due to a synchronization failure between the browser’s compositor and the monitor’s refresh rate. This is often linked to the way Firefox utilizes the Graphics Processing Unit (GPU) to decode video frames.
When Hardware Acceleration is enabled, Firefox hands off the rendering tasks to the GPU. If the GPU driver is outdated or has a bug in its handling of the DirectComposition API, the frame buffer may fail to swap correctly.
This results in “stale” frames or black frames being inserted into the video stream, which the human eye perceives as a rapid flicker or flash. This is particularly common on Windows systems using mixed refresh rate monitor setups.
Alternative Methods
If disabling hardware acceleration did not work, or if you want to keep it enabled for better performance, try these alternative technical solutions.
1. Update Graphics Drivers
Ensure your GPU drivers are fully updated to the latest stable version. Use the table below to find the correct update path for your hardware.
| GPU Manufacturer | Recommended Tool |
|---|---|
| NVIDIA | GeForce Experience or NVIDIA Control Panel |
| AMD | AMD Radeon Software / Adrenalin Edition |
| Intel | Intel Driver & Support Assistant (DSA) |
2. Modify about:config Settings
Advanced users can tweak how Firefox handles layers and acceleration through the internal configuration editor. This can sometimes force a more stable rendering mode.
Type about:config in your address bar, click “Accept the Risk and Continue,” and search for the following entries:
# Force hardware acceleration off via config
layers.acceleration.disabled = true
# Toggle WebGL rendering
webgl.disabled = true
Double-click the entries to toggle them to true. This provides a “hard” disable that bypasses standard UI settings, which is often necessary if the flickering is caused by WebGL elements within the video player.
3. Change Windows Power Settings
On some laptops, the flickering is caused by the system switching between integrated and discrete graphics to save power. Setting your Power Plan to “High Performance” can force the system to use one GPU consistently, eliminating the stutter caused by switching.