Add PiP button

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>