[ui] spinner for video while waiting for poster to load
parent
7f87f05b1c
commit
48837712de
|
@ -34,13 +34,24 @@
|
||||||
<audio controls preload="auto" src="/api/raw/{address}" />
|
<audio controls preload="auto" src="/api/raw/{address}" />
|
||||||
{/if}
|
{/if}
|
||||||
{#if video}
|
{#if video}
|
||||||
<!-- svelte-ignore a11y-media-has-caption -->
|
{#if imageLoaded != address }
|
||||||
<video
|
<Spinner />
|
||||||
controls
|
|
||||||
preload="auto"
|
<img
|
||||||
src="/api/raw/{address}"
|
src="/api/thumb/{address}"
|
||||||
poster="/api/thumb/{address}"
|
alt={address}
|
||||||
/>
|
on:load={() => (imageLoaded = address)}
|
||||||
|
on:error={() => (imageLoaded = address)}
|
||||||
|
/>
|
||||||
|
{:else}
|
||||||
|
<!-- svelte-ignore a11y-media-has-caption -->
|
||||||
|
<video
|
||||||
|
controls
|
||||||
|
preload="auto"
|
||||||
|
src="/api/raw/{address}"
|
||||||
|
poster="/api/thumb/{address}"
|
||||||
|
/>
|
||||||
|
{/if}
|
||||||
{/if}
|
{/if}
|
||||||
{#if image}
|
{#if image}
|
||||||
<a target="_blank" href="/api/raw/{address}?inline=1">
|
<a target="_blank" href="/api/raw/{address}?inline=1">
|
||||||
|
|
Loading…
Reference in New Issue