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:
- Detect Video Elements - Automatically finds video elements on the current page
- Enable PiP Mode - Activates picture-in-picture using the browser’s native API
- Floating Window - Creates a resizable, moveable window that stays on top
- 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
Browser | Support Level | Notes |
---|---|---|
Chrome | Full Support | Native PiP API support |
Firefox | Full Support | Native PiP API support |
Safari | Full Support | Native PiP API support |
Edge | Full Support | Chromium-based support |
Opera | Full Support | Chromium-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.