{ if (isFullscreen) bumpControls(); }} role="region" aria-label={title} >
{ playing = true; onplay?.(); bumpControls(); }} onpause={() => { playing = false; onpause?.(); bumpControls(); }} ontimeupdate={() => { if (!seeking) current = video?.currentTime ?? 0; }} onloadedmetadata={() => { duration = video?.duration ?? 0; loadError = false; }} onerror={() => { loadError = true; duration = 0; }} onclick={onStageClick} >
{#if loadError}
No se pudo cargar el vídeo
{src}
{:else if !playing && !seeking}
{ e.stopPropagation(); toggle(); }} aria-label="Play {title}" >
{/if} {#if preview}
{format(bubbleTime)}
{/if} {#if isFullscreen}
{title}
{@render seekBar('fs')}
{#if playing && !seeking}
{:else}
{/if}
{format(seeking ? seekValue : current)} / {format(duration)}
void toggleFullscreen()} aria-label="Exit fullscreen" >
{/if}
{#if !isFullscreen}
{title}
{format(seeking ? seekValue : current)} / {format(duration)}
{@render seekBar('inline')}
{#if playing && !seeking}
{:else}
{/if}
void toggleFullscreen()} aria-label="Fullscreen" >
{/if}
{#snippet seekBar(tone: 'inline' | 'fs')}
{#if showBubble}
{/if}
{/snippet}