Swap out fast forward/backward button icons, "15" was never accurate

This commit is contained in:
Korbs 2024-11-01 21:37:25 -04:00
parent 8c67818689
commit ce4007160a

View file

@ -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