{#if !!useHtml5Element}
{:else}
{/if}
{#if !isMediaReady}
{#if media?.imageId}
{:else}
{media?.name || "Loading..."}
{/if}
{/if}
{#if showDoubleTapFeedback === "left"}
{/if}
{#if showDoubleTapFeedback === "right"}
{/if}
{#if swipeGestureActive && swipeType === "brightness"}
{/if}
{#if isSeeking}
{:else if !isPlaying}
{/if}
{#if !isPlaying && !isSeeking && jrayActors.length > 0}
On screen
{#each jrayActors as actor (actor.name + actor.jellyfin_id)}
{#if actor.jellyfin_id}
{:else}
{actor.name.slice(0, 1)}
{actor.name}
{/if}
{/each}
{/if}
{media?.name || "Video"}
{#if isLive}
LIVE
{:else}
{formatTime(currentTime)}
(isDraggingSeekBar = true)}
onmouseup={handleSeekBarRelease}
ontouchstart={() => (isDraggingSeekBar = true)}
ontouchend={handleSeekBarRelease}
class="flex-1 h-1 bg-white/30 rounded-full appearance-none cursor-pointer
[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3
[&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:rounded-full"
/>
{formatTime(duration)}
{/if}
{#if hasNext}
{/if}
{#if audioTracks().length > 1}
{#if showAudioTrackMenu}
Audio Track
{#each audioTracks() as track, i}
{/each}
{/if}
{/if}
{#if qualityOptions.length > 1}
{#if showQualityMenu}
Quality
{playbackKindLabel}
{#each qualityOptions as option (option.quality)}
{/each}
{/if}
{/if}
{#if subtitleTracks().length > 0}
{#if showSubtitleMenu}
Subtitles
{#each subtitleTracks() as track}
{/each}
{/if}
{/if}
{#if $sleepTimerActive}
{
showSleepTimerModal = true;
}}
/>
{:else}
{/if}
{#if pipSupported}
{/if}
{#if backgroundAudioSupported}
{/if}