MinPluto/Zorn
MinPluto/Zorn
1
Fork 0
Code Issues Pull requests Activity

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

Browse source
This commit is contained in:
Korbs 2024-11-01 21:37:25 -04:00
parent 8c67818689
commit ce4007160a
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/Controls.astro
View file

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