abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 07:08:01 +00:00
Code Issues Projects Releases Wiki Activity

Add Pop Videos Out As Picture-in-Picture as a Workflow TIL

Browse Source
This commit is contained in:
jbranchaud
2025-01-12 11:40:29 -06:00
parent d9080cc583
commit d52a126767
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
View File

@@ -10,7 +10,7 @@ pairing with smart people at Hashrocket.
For a steady stream of TILs, [sign up for my newsletter](https://crafty-builder-6996.ck.page/e169c61186).
_1564 TILs and counting..._
_1565 TILs and counting..._
See some of the other learning resources I work on:
- [Ruby Operator Lookup](https://www.visualmode.dev/ruby-operators)
@@ -1816,6 +1816,7 @@ See some of the other learning resources I work on:
- [Import A Github Project Into CodeSandbox](workflow/import-a-github-project-into-codesandbox.md)
- [Interactively Kill A Process With fkill](workflow/interactively-kill-a-process-with-fkill.md)
- [Open Slack's Keyboard Shortcuts Reference Panel](workflow/open-slacks-keyboard-shortcuts-reference-panel.md)
- [Pop Videos Out As Picture-in-Picture](workflow/pop-videos-out-as-picture-in-picture.md)
- [Prune The Excess From node_modules](workflow/prune-the-excess-from-node-modules.md)
- [Rotate An Image To Be Oriented Upright](workflow/rotate-an-image-to-be-oriented-upright.md)
- [See Overlaps For A Set Of Time Zones](workflow/see-overlaps-for-a-set-of-time-zones.md)

21
workflow/pop-videos-out-as-picture-in-picture.md Normal file
View File

@@ -0,0 +1,21 @@
# Pop Videos Out As Picture-in-Picture
I recently learned that just about any video playing in Chrome and Firefox can
be popped out to a picture-in-picture (PIP) player. A PIP player gives you a sidecar
video player window that you can arrange and resize anywhere on your screen. It
sits on top of other windows so that you can view it while working from other
apps. This is useful if, for instance, you are working through a coding
tutorial on youtube.
For most video players, you can right click on the video and the menu that
appears will include a "Picture in Picture" option. Select that and the arrange
the player to your liking.
Youtube overrides right-click. If you right-click, you'll see one menu of
Youtube-specific options. Right-click a second time to open the standard
browser menu which will include the PIP option.
I noticed while also testing this on Firefox, that they have a PIP icon that
appears as a small overlay on the right side of the video player that you can
click as well. This is useful because I found some site's video players were
(inadvertently) preventing right-click.