Compare Revisions

The Picture-in-Picture feature allows you to pop videos out of their webpage so you can watch while continuing to work in other tabs.

Available in [[Find what version of Firefox you are using|Firefox version]] 71 for Windows and 72 for MacOS and Linux, the Picture-in-Picture feature allows you to pop videos out of their webpage into a floating, always on top, window so you can watch while continuing to work in other tabs. You can move the Picture-in-Picture window around the screen and resize it to your liking. __TOC__ =Using picture-in-picture= ==Toggle== The Picture-in-Picture toggle appears when you hover over videos with the mouse cursor. Clicking on this will open the underlying video in the Picture-in-Picture player window. {for not fx81}[[Image:toggle picture in picture]]{/for} {for fx81} If you have never used Picture-in-Picture before, it will appear as a small blue rectangle that slides out when you hover over it to explain the feature.<br>[[Image:PiPv2]] Once you have used Picture-in-Picture, it will appear as an icon over the video:[[Image:PiPIcon]] {/for} This feature is designed to work on most web videos. Though some videos will not display the toggle hovering over it. We only show it for videos that include an audio track, and that are also of sufficient size and play length. Note that the toggle doesn't appear when a video is on full screen. {for fx76} ==Full-screen view== Double-click the picture-in-picture player window to view the video in full-screen. Double-click again to exit full-screen. {/for} ==Context Menu== Another way to access Picture-in-Picture is via the context menu. If right-click on a web video, you’ll sometimes see the media context menu that looks like this: ;[[Image:context picture in picture]] There’s a Picture-in-Picture menu item in that context menu that you can use to toggle the feature. Many sites, however, make it difficult to access the context menu for web videos. YouTube, for example, overrides the default context menu with their own. You can get to the default native context menu by either holding Shift while right-clicking, or double right-clicking. When a video is on full screen, the Picture-in-Picture menu item is not included in the context menu. You have to exit full screen to switch to Picture-in-Picture through the blue toggle or the context menu.{for win,linux} (Note: The keyboard shortcut works on full screen.){/for} {for win,linux} ==Keyboard shortcuts== To access via the keyboard press the combination {for win,linux}{key Ctrl}{/for}{for mac}{key Cmd}{/for} + {key Shift} + {key ]} or {for win,linux}{key Ctrl}{/for}{for mac}{key Cmd}{/for} + {key Shift} + {key &#125;}. Firefox will attempt to launch the most relevant video on the page into a Picture-in-Picture window. {/for} {for fx83} The following shortcuts are available for playback and volume controls: *{for win,linux}{key Ctrl+↓}{/for}{for mac}{key command+&#8595;}{/for}: Mute *{for win,linux}{key Ctrl+↑}{/for}{for mac}{key command+&#8593;}{/for}: Unmute *{key Ctrl+↓}: Volume decrease *{key Ctrl+↑}: Volume increase *{key &#8592;}: Seek back 15 seconds *{for win, linux}{key Ctrl+&#8592;}{/for}{for mac}{key command+&#8592;}: Seek back 10% *{key &#8594;}: Seek forward 15 seconds *{for win, linux}{key Ctrl+&#8594;}{/for}{for mac}{key command+&#8594;}: Seek forward 10% *{key Home}: Seek to beginning of video *{key End}: Seek to end of video *{key Space}: Pause {/for} =Player window= The Picture-in-Picture window also gives you the ability to quickly [[Image:picture-in-picture play control|width=28]] play or [[Image:picture-in-picture pause control|width=28]] pause the video — hovering the video with your mouse will expose that control, as well as a control for [[Image:picture-in-picture close control|width=28]] closing the window, and [[Image:picture-in-picture close-and-go-to-tab control|width=28]] closing the window while returning you to the tab that the video came from. =Video placeholder on the page= When a video is in Picture-in-Picture view, the video placeholder on the page shows the message ''This video is playing in Picture-in-Picture mode.'' You can still use the video controls on the placeholder, such as play/pause, volume, and full screen. ;[[Image:playing in picture-in-picture]] =Disabling the Picture-in-Picture toggle= If you prefer to disable the blue toggle, so it does not appear over top of videos there are two easy ways to do that. Either on a site that has a supported video or in the Settings menu. ==Using the Picture-in-Picture toggle to disable it== #Find a video where you can see the blue Picture-in-Picture toggle. #Right click on the blue toggle. #Click {menu Hide Picture-in-Picture toggle}. ;[[Image:disable picture in picture]] ==Enabling / disabling the Picture-in-Picture toggle in Settings== [[Template:enablep2p]]