add animated placeholder to player

This commit is contained in:
Tixie
2020-02-16 20:51:13 +01:00
parent 278cee753a
commit b0164d7a10
8 changed files with 49 additions and 16 deletions

View File

@ -14,8 +14,8 @@
>
</div>
<div class="playerProgress__timecode">
<div class="playerProgress__timecodeItem">{currentTimeText}</div>
<div class="playerProgress__timecodeItem">{durationText}</div>
<div class="playerProgress__timecodeItem" class:placeholder={!ready}>{currentTimeText}</div>
<div class="playerProgress__timecodeItem" class:placeholder={!ready}>{durationText}</div>
</div>
</div>
<script>
@ -23,6 +23,7 @@
export let duration
export let currentTime
export let ready
$: value = currentTime != null ? currentTime : 0
$: max = duration != null ? duration : 100