From e7da0fd70ef383fc5c92abcf12339e9310aab059 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Sat, 30 Nov 2024 23:23:26 -0500
Subject: [PATCH] Add Subtitles button to Controls

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

diff --git a/src/Controls.astro b/src/Controls.astro
index 7bb7566..5078afa 100644
--- a/src/Controls.astro
+++ b/src/Controls.astro
@@ -4,7 +4,9 @@ const {
     Title,
     Live,
     ShowBackAndForward,
-    SeekColor = '#2185d0'
+    SeekColor = '#2185d0',
+    PlayerName,
+    Subtitles
 } = Astro.props
 
 // Functions
@@ -68,7 +70,8 @@ import './Styles/Iconoir.css'
             }
             <slot/>
             <!-- The requestPictureInPicture() function is not supported in Firefox -->
-            <button id="vc-pip" onclick="Player.requestPictureInPicture()"><i class="iconoir-multiwindow"></i>/button>
+            <button id="vc-pip" onclick={'document.querySelector("#zorn-player-' + PlayerName + ' video").requestPictureInPicture()'}><i class="iconoir-multi-window"></i></button>
+            {Subtitles ? <button id="vc-subtitles"><i class="iconoir-closed-captions-tag-solid"></i></button> : null}
             <button id="vc-fullscreen"><i class="iconoir-enlarge"></i></button>
         </div>
     </div>