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

[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? 

36 Comments
ad91arawi
New member

picture in picture playback control

Hi

is there a way to add playback controls on picture in picture feature? like a progress bar and a seconds backward and forward?

thanks

asafko
Employee
Employee

@ad91arawi

Hello! We are currently working on this and you can follow our progress in https://bugzilla.mozilla.org/show_bug.cgi?id=1778801

You can also turn on "work-in-progress PiP" in Firefox Nightly by going to about:config, searching for media.videocontrols.picture-in-picture.improved-video-controls.enabled pref and setting it to "true" to see the latest PiP updates (full screen button, hover states, seek buttons, and seek bar).

focus.png

Dad1ao
Making moves
  1. Rotate the small window that pops up as in the title; or rotate the video content of the small window, but the black border can adapt to the content when dragging the mouse to adjust the window size
  2. The sound button on the small window wants to add a control bar that can adjust the volume

1.如题将弹出的小窗进行旋转;或者将小窗视频内容旋转,但拖动鼠标调整窗口大小时黑边可以适应调整内容

2.小窗上的声音按钮希望添加可以调整音量控制条

Jon
Community Manager
Community Manager

(Note: a similar idea has been merged into this thread)

asafko
Employee
Employee

Hello @Dad1ao!

We are looking at adding more granular volume control in the near future, but likely later in 2023.

If you have a moment, can you please tell me more about the first request? I want to make sure I understood correctly what problem we need to solve.

ijdbuser
New member

The problem is without seek p-i-p is not useful for me. I want to pop out a video to watch a lecture or some online tutorial and make notes in something like OneNote. However often I would need to seek previous section of a video to understand material which currently requires me to reopen browser page, close the pop-out, seek the position, reopen the picture-in-picture, hide the browser window.