diff --git a/README.md b/README.md index 2c49eda..8353bdd 100644 --- a/README.md +++ b/README.md @@ -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) diff --git a/workflow/pop-videos-out-as-picture-in-picture.md b/workflow/pop-videos-out-as-picture-in-picture.md new file mode 100644 index 0000000..5f97f64 --- /dev/null +++ b/workflow/pop-videos-out-as-picture-in-picture.md @@ -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.