From ce4007160ab5d35150ce6f380ae08ff4be4d1d1c Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Fri, 1 Nov 2024 21:37:25 -0400
Subject: [PATCH] Swap out fast forward/backward button icons, "15" was never
 accurate

---
 src/Controls.astro | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/Controls.astro b/src/Controls.astro
index 4a2668f..014adeb 100644
--- a/src/Controls.astro
+++ b/src/Controls.astro
@@ -8,10 +8,11 @@ const {
 
 // Icons
 import {
-    Backward15Seconds,
+    RewindSolid,
     Enlarge,
-    Forward15Seconds,
+    ForwardSolid,
     PlaySolid,
+    Refresh
 } from "@iconoir/vue";
 ---
 
@@ -20,13 +21,14 @@ import {
         <p>{Title}</p>
     </div>
     <div class="vc-bottom">
+        <button style="display: none" id="vc-playagain"><Refresh /></button>
         <div class="vc-start">
             <button id="vc-playpause"><PlaySolid /></button>
             {Live ?
                 null
                 :
-                <button id="vc-backwards"><Backward15Seconds /></button>
-                <button id="vc-forwards"><Forward15Seconds /></button>
+                <button id="vc-backwards"><RewindSolid /></button>
+                <button id="vc-forwards"><ForwardSolid /></button>
             }
         </div>
         <div class="vc-center">
@@ -56,6 +58,10 @@ import {
     </div>
 </div>
 
+
+<!-- HLS Script -->
+<!-- Required to support live streaming -->
+<!-- Script is not loaded if the video player is not set for a stream -->
 {Live ?
     <script is:inline>
     // Original Source: https://hlsjs.video-dev.org/dist/hls.js