cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
steel835
Familiar face
Status: Delivered

[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

pip controls proposal.png

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? 

49 Comments
ujjwal
Making moves

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

HalfShark
New member

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
Making moves

I agree!

asafko
Employee
Employee

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

steel835
Familiar face

@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
New member

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
New member

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:

Screenshot 2022-11-01 233204.png

Opera GX:

Screenshot 2022-11-01 232314.png

 

Screenshot 2022-11-01 232420.png

 

Screenshot 2022-11-01 232836.png

Credits:

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

Taylor Swift - Bejeweled (Official Music Video) - YouTube

Obs: I'm not sponsoring Taylor Swift

Jon
Community Manager
Community Manager
asafko
Employee
Employee

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
Employee
Employee

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.