From 4a3f5d69c73be24d97186d95f430f9205fcf8815 Mon Sep 17 00:00:00 2001
From: EscherMoore <EscherMoore@users.noreply.github.com>
Date: Thu, 16 Mar 2023 11:58:02 -0400
Subject: [PATCH] add hotkey to toggle Picture-In-Picture

---
 src/components/VideoPlayer.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 08c922ab..7b1f77f0 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -100,7 +100,7 @@ export default {
         this.hotkeysPromise.then(() => {
             var self = this;
             this.$hotkeys(
-                "f,m,j,k,l,c,space,up,down,left,right,0,1,2,3,4,5,6,7,8,9,shift+n,shift+,,shift+.,return,.,,",
+                "f,m,j,k,l,c,space,up,down,left,right,0,1,2,3,4,5,6,7,8,9,shift+n,shift+,,shift+.,alt+p,return,.,,",
                 function (e, handler) {
                     const videoEl = self.$refs.videoEl;
                     switch (handler.key) {
@@ -196,6 +196,11 @@ export default {
                         case "shift+.":
                             self.$player.trickPlay(Math.min(videoEl.playbackRate + 0.25, 2));
                             break;
+                        case "alt+p":
+                            document.pictureInPictureElement
+                                ? document.exitPictureInPicture()
+                                : videoEl.requestPictureInPicture();
+                            break;
                         case "return":
                             self.skipSegment(videoEl);
                             break;