{#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"}

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 openMenu && openMenu !== "volume"}

{#if openMenu === "audio"}

Audio Track

{#each audioTracks() as track, i} {/each} {:else if openMenu === "quality"}

Quality

{playbackKindLabel}

{#each qualityOptions as option (option.quality)} {/each} {:else if openMenu === "subtitle"}

Subtitles

{#each subtitleTracks() as track} {/each} {/if}

{/if}

{#if hasNext} {/if}

{#if audioTracks().length > 1} {/if} {#if qualityOptions.length > 1} {/if} {#if subtitleTracks().length > 0} {/if} {#if $sleepTimerActive} { showSleepTimerModal = true; }} /> {:else} {/if} (openMenu = next ? "volume" : null)} /> {#if pipSupported} {/if} {#if backgroundAudioSupported} {/if}