Picture in Picture for Web

Hi Plex team!

I’d like to humbly suggest the Plex web app support Picture in Picture on Safari for macOS. It’s a great feature. All we’d have to do is have the video element be the top most element in the view so that when I right-click, the default macOS video dropdown menu is shown (right now the top-most element is a play/pause button).

Another implementation option is to build a dedicated button in the bottom player bar that is only shown in Safari 9 and up which toggles PiP on the video element.

Lastly, you could do what YouTube does, which is ask their users to double right-click on the area where the video element is to get that default macOS menu. I don’t think this is a good option as double right-click is not a well known UX pattern.

The reason why I’d like this feature is because I’m a web developer myself and I love to use PiP while coding to watch a movie. It keeps me company while I work at night. To do this, I currently have to go into the DOM and delete the play/pause button so I can right-click on the video element underneath. It’s tedious.

I’m happy to code this myself if you add me to the OSS team on Github (repo is private I think…)

Accidentally double posted

this works for me :+1:

A native implementation would be excellent for multitasking on large displays.

Howdy,

This is now super possible.

Demo: https://ananyaneogi.github.io/picture-in-picture-demo/
Source code: https://github.com/ananyaneogi/picture-in-picture-demo

Anyone have an idea of how we can log this as a request?

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.