New Feature: Built in Picture in Picture mode (PIP) is added to Microsoft Edge Global Media Controls

%3CLINGO-SUB%20id%3D%22lingo-sub-1205063%22%20slang%3D%22en-US%22%3ENew%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Controls%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1205063%22%20slang%3D%22en-US%22%3E%3CP%3EMicrosoft%20Edge%20Canary%20Version%2082.0.442.0%20(Official%20build)%20canary%20(64-bit)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%2212.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174623i8DF755D92DCB7F1B%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%2212.png%22%20alt%3D%2212.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22dsadsa.png%22%20style%3D%22width%3A%20439px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174624i957B30131F73BEA0%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22dsadsa.png%22%20alt%3D%22dsadsa.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20flags%20you%20need%20to%20enable%3A%20%3CA%20href%3D%22edge%3A%2F%2Fflags%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Eedge%3A%2F%2Fflags%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E1.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CSTRONG%3EGlobal%20Media%20Controls%20Picture-in-Picture%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EEnables%20Picture-in-Picture%20controls%20in%20the%20Global%20Media%20Controls%20UI.%20Requires%20%23global-media-controls%20to%20also%20be%20enabled.%20%E2%80%93%20Mac%2C%20Windows%3C%2FP%3E%3CP%3E%23global-media-controls-picture-in-picture%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E2.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CSTRONG%3EGlobal%20Media%20Controls%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EEnables%20the%20Global%20Media%20Controls%20UI%20in%20the%20toolbar.%20%E2%80%93%20Mac%2C%20Windows%3C%2FP%3E%3CP%3E%23global-media-controls%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMicrosoft%20Edge%20browser%20now%20has%20support%20for%20Picture%20in%20Picture%20mode%20built%20in.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eit%20works%20in%20all%20websites%20playing%20video.%3C%2FP%3E%3CP%3Ethis%20is%20another%20example%20for%20Twitch%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22323213.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174625iF06178B99D124E60%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22323213.png%22%20alt%3D%22323213.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethe%20PIP%20pop%20up%20video%20can%20be%20dragged%20to%20anywhere%20on%20the%20screen%20and%20it%20will%20stay%20on%20top%20of%20other%20applications%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22fsdfsdf.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174626i0D8B43426E7E6C61%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22fsdfsdf.png%22%20alt%3D%22fsdfsdf.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1205063%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3E82.0.442.0%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ebuilt%20in%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ecanary%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EEdge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EFlags%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EGlobal%20Media%20Controls%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EInsider%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Emicrosoft%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Enative%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ENew%20feature%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Epicture%20in%20picture%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Epip%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EUpdate%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1205126%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1205126%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20a%20great%20addition%20to%20the%20Global%20Media%20Controls.%20Earlier%20it%20was%20of%20no%20value%20to%20me%2C%20but%20with%20PiP%20control%2C%20I%20will%20use%20it%20more%20often.%20This%20is%20way%20useful%20because%20some%20sites%20disable%20the%20context%20menu%2C%20so%20I%20had%20to%20use%20PiP%20extension%20%26amp%3B%20extension%20to%20enable%20the%20right%20click%20menu.%20Thanks%20for%20reporting%20it!%20%3AD%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBtw%20are%20they%20planning%20to%20enable%20it%20natively%20without%20the%20use%20of%20a%20flag%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1205163%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1205163%22%20slang%3D%22en-US%22%3EYay%2C%20your%20welcome%2C%20I%20find%20it%20useful%20too%20%5E%5E%3CBR%20%2F%3E%3CBR%20%2F%3Ewell%20I%20hope%20once%20Edge%20stable%20reaches%20Ver%2082%20this%20feature%20will%20be%20enabled%20by%20default%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1205172%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1205172%22%20slang%3D%22en-US%22%3EYea%2C%20I%20hope%20this%20is%20enabled%20by%20default%20soon...%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1361259%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1361259%22%20slang%3D%22en-US%22%3E%3CP%3EIt'd%20be%20nice%20if%20this%20could%20render%20in%20full%20screen%20apps%20on%20macOS.%20Perhaps%20this%20would%20require%20using%20macOS's%20native%20PiP%20feature%20(like%20in%20Safari%2C%20which%20does%20support%20full%20screen%20apps).%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1514043%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1514043%22%20slang%3D%22en-US%22%3Ethank%20you!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1699988%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1699988%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BI%20am%20testing%20it%20right%20now%20on%20my%20Surface%20Pro%207%20and%20it's%20working%20very%20well%3B%20great%20to%20casually%20watch%20a%20video%20and%20do%20some%20research%20or%20whatever%20too.%20Could%20imagine%20this%20also%20helping%20out%20a%20lot%20of%20people%20during%20the%20Pandemic%20when%20they%20can%20watch%20a%20lecture%20like%20this%20and%20take%20notes%20at%20the%20same%20time!%3C%2FP%3E%3CP%3EMy%20two%20cents%20are%3A%20Add%20%3CSTRONG%3Epinch%3CSPAN%3E-to-%3C%2FSPAN%3E%3C%2FSTRONG%3E%3CSPAN%3E%3CSTRONG%3Ezoom%3C%2FSTRONG%3E%20for%20the%20PiP%20window%20to%20improve%20the%20experience.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EOther%20and%20than%20that%2C%20great%20feature!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1699993%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1699993%22%20slang%3D%22en-US%22%3EYeah%20that'd%20be%20great.%20It's%20now%20available%20on%20Edge%20stable%20too%20ver%2085.%3CBR%20%2F%3Epinch%20to%20zoom%20would%20be%20good%2C%20also%20IMO%20double%20tapping%20on%20it%20to%20make%20it%20full%20screen%20(Firefox%20has%20it).%3CBR%20%2F%3Eon%20non-touch%20device%20i%20can%20use%20mouse%20to%20resize%20it%2C%20is%20the%20same%20thing%20possible%20with%20touch%3F%20(don't%20have%20much%20experience%20with%20tocuh%20devices)%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1699997%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Feature%3A%20Built%20in%20Picture%20in%20Picture%20mode%20(PIP)%20is%20added%20to%20Microsoft%20Edge%20Global%20Media%20Cont%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1699997%22%20slang%3D%22en-US%22%3EYes%2C%20resizing%20by%20catching%20just%20the%20edge%20of%20the%20window%20is%20possible%20and%20works%20quite%20good.%20But%20most%20people%20would%20probably%20go%20for%20pinch-to-zoom%20when%20using%20a%20touch%20device.%20Double-tap%20for%20fullscreen%20would%20also%20be%20a%20nice%20feature%20%3CIMG%20class%3D%22lia-deferred-image%20lia-image-emoji%22%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Fhtml%2Femoticons%2F1f44d_1f3fc.png%22%20alt%3D%22%3Athumbs_up%3A%22%20title%3D%22%3Athumbs_up%3A%22%20%2F%3E%3C%2FLINGO-BODY%3E
Highlighted
Honored Contributor

Microsoft Edge Canary Version 82.0.442.0 (Official build) canary (64-bit)

 

 

12.png

 

dsadsa.png

 

 

 

 

The flags you need to enable: edge://flags/

 

1.

Global Media Controls Picture-in-Picture

Enables Picture-in-Picture controls in the Global Media Controls UI. Requires #global-media-controls to also be enabled. – Mac, Windows

#global-media-controls-picture-in-picture

 

2.

Global Media Controls

Enables the Global Media Controls UI in the toolbar. – Mac, Windows

#global-media-controls

 

Microsoft Edge browser now has support for Picture in Picture mode built in.

 

it works in all websites playing video.

this is another example for Twitch

 

323213.png

 

the PIP pop up video can be dragged to anywhere on the screen and it will stay on top of other applications

 

fsdfsdf.png

 

8 Replies
Highlighted

This is a great addition to the Global Media Controls. Earlier it was of no value to me, but with PiP control, I will use it more often. This is way useful because some sites disable the context menu, so I had to use PiP extension & extension to enable the right click menu. Thanks for reporting it! :D

 

Btw are they planning to enable it natively without the use of a flag?

Highlighted
Yay, your welcome, I find it useful too ^^

well I hope once Edge stable reaches Ver 82 this feature will be enabled by default
Highlighted
Yea, I hope this is enabled by default soon...
Highlighted

It'd be nice if this could render in full screen apps on macOS. Perhaps this would require using macOS's native PiP feature (like in Safari, which does support full screen apps).

Highlighted
Highlighted

@HotCakeX I am testing it right now on my Surface Pro 7 and it's working very well; great to casually watch a video and do some research or whatever too. Could imagine this also helping out a lot of people during the Pandemic when they can watch a lecture like this and take notes at the same time!

My two cents are: Add pinch-to-zoom for the PiP window to improve the experience.

Other and than that, great feature!

Highlighted
Yeah that'd be great. It's now available on Edge stable too ver 85.
pinch to zoom would be good, also IMO double tapping on it to make it full screen (Firefox has it).
on non-touch device i can use mouse to resize it, is the same thing possible with touch? (don't have much experience with tocuh devices)
Highlighted
Yes, resizing by catching just the edge of the window is possible and works quite good. But most people would probably go for pinch-to-zoom when using a touch device. Double-tap for fullscreen would also be a nice feature 👍🏼