arnoappenzeller / PiPifier

PiPifier is a native macOS 10.12 Safari extension that lets you use every HTML5 video in Picture in Picture mode
MIT License
759 stars 60 forks source link

Banner

PiPifier

PiPifier is a macOS 10.12 and iOS Safari (action) extension that lets you use every HTML5 video in Picture in Picture mode

macOS

Download

It's free on the Mac AppStore. Get it here

How to use?

If you have an HTML5 video playing on any website like Youtube just press the PiPifier icon in Safari's toolbar to enable Picture-In-Picture for this video. Make sure you did interact with the video player once before pressing (like play/pause).

Demo_macOS

Requirements

For usage: macOS 10.12
For developement: Latest Xcode

Installation

(0. Launch PiPifier)

  1. Open Safari and go to Preferences
  2. Go to Extensions
  3. Enable PiPifier (If you don't see PiPifier and you built the app by yourself you need to sign it or choose Developer -> Allow unsigned extensions)
  4. Choose View > Customize Toolbar and drag the PiPifier icon to your toolbar
  5. To use Pipifier just press the icon when you're watching to an HTML5 video (Note: You need to interact with the video once. If it's autoplaying just pause and play again)

iOS

Download

It's free on the AppStore. Get it here

How to use

If you have an HTML5 video playing on any website like Youtube press the share button and select the 'Run PiPifier' Action Extension

Demo_iOS

Why?

There are many sites that avoids you using iOS default video controls (YouTube for example) so you can't enable PiP mode. PiPifier lets you enable PiP regardless those limitations.

Requirements

For usage: iPad with iOS 10 or iPhone with iOS 14
For developement: Latest Xcode

Installation

  1. Open Safari
  2. Open the Share Menu
  3. Choose More
  4. Enable 'Run PiPifier'
  5. Select 'Run PiPifier' on a website with a video

How can I help?

If you are a developer feel free to make any addition to improve PiPifier.

If you are user and want a native PiP button in any video player please make a request in the corresponding issue

Note for developers

The code is a bit dirty and there are some unused parts in it (Tried to add more features before I needed to focus on other things). If you want to help me clean it up feel free to do so :)

Contact

Made by @arno_app with an important bug fix by @Cacauu_de.