From 531de5b849069a9dee7ae581b13bf96a5be0b5af Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Sat, 2 Nov 2024 21:07:48 -0400
Subject: [PATCH] Add PiP button

---
 src/Controls.astro | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Controls.astro b/src/Controls.astro
index 4b49bdc..9e55cb9 100644
--- a/src/Controls.astro
+++ b/src/Controls.astro
@@ -13,7 +13,8 @@ import {
     ForwardSolid,
     PlaySolid,
     Refresh,
-    SoundHighSolid
+    SoundHighSolid,
+    MultiWindow
 } from "@iconoir/vue"
 ---
 
@@ -55,12 +56,14 @@ import {
             }
         </div>
         <div class="vc-end">
-            <slot/>
             {Live ?
                 <span id="live-text" style="pointer-events: none;border-radius: 3rem;padding: 6px 12px;background: #933c3c;letter-spacing: 4px;">Live</span>
                 :
                 null
             }
+            <slot/>
+            <!-- The requestPictureInPicture() function is not supported in Firefox -->
+            <button id="vc-pip" onclick="Player.requestPictureInPicture()"><MultiWindow/></button>
             <button id="vc-fullscreen"><Enlarge /></button>
         </div>
     </div>