Firefox Picture-in-Picture — Complete Guide

In this tutorial, you'll learn about Firefox Picture. We cover key concepts, practical examples, and best practices.

Hook

You want to watch a video in a floating window while working in another tab. You hover over the video, but the Picture-in-Picture icon does not appear. Or you click it, and the video switches to PiP mode for a second, then returns to the original tab.

The Wrong Way

Disabling media.videocontrols.picture-in-picture.enabled in about:config obviously disables PiP entirely. Some users toggle this to troubleshoot, forgetting to re-enable it.

# BAD: Toggling PiP off
# about:config → media.videocontrols.picture-in-picture.enabled → false

PiP icon never appears on any video
Feature completely disabled
Must toggle back to enable

The Right Way

Check PiP settings, video source compatibility, and site permissions.

# 1. Check PiP settings in about:config
# Open about:config → Search: picture-in-picture

# Verify these are true:
# media.videocontrols.picture-in-picture.enabled = true
# media.videocontrols.picture-in-picture.video-toggle.enabled = true

# 2. Check if the site has PiP disabled
# Some sites use JavaScript to block PiP
# Try with a different video source (YouTube, Vimeo, direct MP4)

# 3. Check if the PiP icon appears but is missing the click handler
# Right-click on the video → "Picture in Picture" context menu

# 4. If PiP starts but immediately stops:
# The site may be using DRM (Widevine) — copyrighted content
# Check if about:config → media.eme.enabled is true

# 5. Enable PiP keyboard shortcut
# Right-click on video → "Picture in Picture" → Or use:
# Ctrl+Shift+] (Windows/Linux) or Cmd+Shift+] (macOS)

# 6. Restart Firefox with normal mode (not private browsing)
# PiP works in private windows only if enabled
# about:preferences#privacy → "Always use private browsing mode" → Check PiP works

PiP icon visible on YouTube video ✓
PiP window opens and stays open ✓
Video continues playing in floating window ✓

Prevention

• Keep media.videocontrols.picture-in-picture.enabled set to true.
• Use the keyboard shortcut Ctrl+Shift+] as a fallback.
• Websites that use custom video players may hide the PiP icon — use the context menu instead.
• Keep Firefox updated — PiP improvements are frequent.
• Note that some DRM-protected content (Netflix, Disney+) does not support PiP on desktop.

Common Mistakes with picture in picture

1. Overlapping type class instances that cause GHC to reject the program with ambiguous dispatch errors
2. Non-exhaustive pattern matches that compile with warnings then crash at runtime
3. Misunderstanding that String is [Char] with poor performance for large text operations

These mistakes appear frequently in real-world FIREFOX code. DodaTech's contributors have identified these patterns through analysis of open-source projects and production systems.

Practice Exercise

Write a pure function that safely divides two integers using Maybe, then test it with edge cases like division by zero and negative numbers.

This exercise reinforces the concepts covered in this guide. Try implementing it before checking online solutions.

FAQ

DodaTech — watch videos while you work.