MakePip - Picture-in-Picture for Any Video

  • Home /
  • MakePip - Picture-in-Picture for Any Video

MakePip

Picture-in-Picture for Any Video

Enable picture-in-picture mode for any video on the web


Multitask with Video

MakePip enables picture-in-picture mode for any video on the web, allowing you to watch content while working on other tasks. Create a floating, resizable video window that stays on top of all applications.

Why MakePip?

📺 Universal Compatibility
Works with any video element on any website, not just supported platforms

🎯 Simple Activation
One-click activation through browser extension or JavaScript bookmarklet

🔧 Customizable Window
Resizable, moveable floating window that adapts to your workflow

âš¡ Lightweight Solution
Minimal resource usage with no complex setup or configuration


Key Features

Universal Video Support

Works with any HTML5 video element on any website, including streaming platforms, educational sites, news websites, and embedded videos that don’t natively support picture-in-picture.

Easy Activation

Multiple activation methods including browser extension, JavaScript bookmarklet, or direct API integration for developers.

Floating Window Control

Resizable and moveable floating video window that stays on top of all applications, allowing you to position it anywhere on your screen.

Playback Controls

Full video controls including play/pause, volume adjustment, and seeking directly from the floating window.


How It Works

MakePip leverages the browser’s native Picture-in-Picture API to create floating video windows:

  1. Detect Video Elements - Automatically finds video elements on the current page
  2. Enable PiP Mode - Activates picture-in-picture using the browser’s native API
  3. Floating Window - Creates a resizable, moveable window that stays on top
  4. Full Controls - Provides complete playback control from the floating window

Installation Options

Browser Extension

Install the MakePip browser extension for one-click activation on any video.

JavaScript Bookmarklet

javascript:(function(){
  const videos = document.querySelectorAll('video');
  if (videos.length > 0) {
    videos[0].requestPictureInPicture();
  } else {
    alert('No video found on this page');
  }
})();

Developer Integration

// Add to your website
function enablePiP(videoElement) {
  if (videoElement.requestPictureInPicture) {
    videoElement.requestPictureInPicture()
      .catch(error => console.log('PiP failed:', error));
  }
}

Use Cases

Remote Work
Watch training videos or webinars while taking notes or working on other tasks

Education
Follow online lectures while working on assignments or research

Entertainment
Keep videos playing while browsing, chatting, or working on other activities

Monitoring
Keep live streams or monitoring dashboards visible while working

Multitasking
Any scenario where you need to watch video content while using other applications


Browser Support

BrowserSupport LevelNotes
ChromeFull SupportNative PiP API support
FirefoxFull SupportNative PiP API support
SafariFull SupportNative PiP API support
EdgeFull SupportChromium-based support
OperaFull SupportChromium-based support

Technical Details

  • API: Uses browser’s native Picture-in-Picture API
  • Compatibility: Works with any HTML5 video element
  • Performance: Minimal resource overhead
  • Security: No data collection or external requests
  • Standards: Follows W3C Picture-in-Picture specification

Get Started

MakePip is available as a browser extension, bookmarklet, or developer library. Choose the option that works best for your needs.

Browser Extension • Bookmarklet • Developer Docs


Enable picture-in-picture for any video on the web. Multitask efficiently with MakePip’s floating video windows.