YouTube and Bilibili Auto Picture-in-Picture (PiP) Userscript

An advanced userscript that automatically triggers Picture-in-Picture (PiP) mode for YouTube and Bilibili videos. Built with Chrome's latest Picture-in-Picture API, this script provides a seamless video-watching experience similar to the Arc browser's implementation.

Note: Requires Chrome 120+ for optimal functionality with the new Auto Picture-in-Picture API.

Key Features

Automatic PiP Functionality

• Smart Activation: Automatically enters PiP mode during active video playback
• Tab Management: Intelligently handles tab switching with user interaction detection
• Pause Handling: Prevents PiP activation during video pauses
• Click Optimization: Enhanced click event handling for better user experience

Technical Implementation

• Chrome Media Session API
  • Utilizes navigator.mediaSession API for PiP control
  • Custom action handlers for PiP state management
• User Interaction Enhancement
  • Bypasses standard interaction requirements
  • Maintains native-like experience

Browser Setup

Chrome/Brave Configuration

1. Enable Auto PiP Feature

   Settings → Privacy and Security → Site Settings → Additional Permissions
   

   Enable "Automatically enter Picture-in-Picture mode"

2. Configure Chrome Flags Navigate to chrome://flags and enable:

   • Auto picture in picture video heuristics
   • Auto picture in picture for video playback

3. Enable Developer Mode Required for userscript installation

Visual Examples

PiP in Action

Support the Project

If you find this userscript helpful, consider supporting its development:

• Support on Afdian

Related Resources

• Chrome Auto PiP Documentation
• Picture-in-Picture API Specification