Swap out fast forward/backward button icons, "15" was never accurate
This commit is contained in:
parent
8c67818689
commit
ce4007160a
1 changed files with 10 additions and 4 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue