Full controls for Picture in Picture window

[steel835]

[Crowdicity: Full controls on Picture in Picture mode window, 109 votes atm, "Mozilla developing"]

Currently PiP window can only offer 3 buttons (4 if you turn on the mute button in config). Additionally it can rewind videos, but you can only do that with arrow buttons.

It would be a lot more intuitive if PiP window provided an interface, similar to default browser video control panel with a few additions

My concept is on the screenshot, where 

• bottom panel allows you to pause/unpause, seek video, control volume, go fullscreen, etc
• at the top-left there is a favicon and page(tab) title from where this video is playing. Clicking it would bring you to that tab, but the PiP window would stay open (for cases, when you need to click something on website js player, etc).
• at the top-right there are buttons that close this window with opening the original tab and without

Top elements have some space between them and edges so you are able to use this space to drag the window too (aside from area in the middle). Black bars on the screenshot are a part of video, but for videos without them, top elements, when shown, would have soft shading (to be able to see them).

There's also a discussion, created by Mozilla team about this and other video features:How can we make video experience in Firefox better for you? 

[jhwkim]

Thanks @Jon for the quick work. PiP team has been working on new design and like Ania mentioned it will be great to have some volunteers for user testing in a few months. Stay tuned ✌🏼

- Firefox UX Team

[ania]

@steel835, @bizhuy, @Anonymous thank you so much for volunteering, that would be fantastic. I'll be back in touch once we have a prototype!

@steel835my apologies, I forgot we're in Ideas and not in Discussions where posts can be kudoed. I fixed my original comment.

[Jon]

And heads up for those interested, the Picture-in-Picture team is currently running a poll here in the community to gather more feedback on subtitles support. Rock the vote here:  PiP Subtitles Support Poll: Vote for the next round of supported websites 

[tgm]

Additionally.  Pause/Rewind 10 seconds buttons.  Video Capture button.

[Legitimater]

The Picture-in-Picture should have a progress bar/seek bar so that we can adjust the time in videos without going to the tab that does the PiP mode

[ujjwal]

Yup, I would like to this happen too, btw Opera does this really well, so some reference could also be taken from there.

[HalfShark]

I'd love this feature.
Half the reason in use Firefox is it has a superior PIP mode (on Mac at least). When working with multiple monitors only Firefox has a PIP mode you can full screen on any monitor. I MUCH prefer this than having different browser windows on each monitor. So.... THANKS FIREFOX.

However.... not being able to seek/progress through a video is a really bad omission. Especially for someone like me who has the video source on one tab among 100. Anyway... long story short Firefox needs to add this to really solidify one of its best features.

[Nich]

I agree!

[asafko]

You can track the progress of this work in this Bugzilla ticket.

[steel835]

@asafkoIs this the time you need the feedback from us, or is it gonna be later?

I just opened the ticket, saw a link to design files but it's access restricted. Or it'll be a live prototype we'll need to give our feedback on?

[nyovyo]

i had to remake my Mozilla connect account and lost access to the new PiP. could I be re-enrolled so I can continue to try out these awesome improvements?

[EduardoBernal]

Picture in picture could be a little more complete

Is really strange browsers doesn't have a PiP like Opera GX have, is only two bars that control the video to programming extra, mainly the pause and play button are fine to make (every known browser have it), it'll be so practical the PiP if there were added.

Normal Browsers:

Opera GX:

Credits:

Taylor Swift - Anti-Hero (Official Music Video) - YouTube

Taylor Swift - Bejeweled (Official Music Video) - YouTube

Obs: I'm not sponsoring Taylor Swift

[Jon]

Similar idea here: Full controls for Picture in Picture window 

[asafko]

Hi Eduardo!

We are actually working on https://bugzilla.mozilla.org/show_bug.cgi?id=1778801 (and you can see new designs in some of the subtasks in Bugzilla).

If you want to follow the progress (the current state is still pretty far from the final one), you can go to about:config, look for media.videocontrols.picture-in-picture.improved-video-controls.enabled pref and flip it to true.

Cheers!

[asafko]

Hello,

@nyovyoand @steel835 you can go to about:config, look for media.videocontrols.picture-in-picture.improved-video-controls.enabled pref and flip it to true (the current state is still pretty far from the final one, but we have just picked this work back up). The designs are linked in the subtasks of the main Bugzilla, e.g. here.