{#if compact}
(isPlaying = true)} onpause={() => (isPlaying = false)} ontimeupdate={handleTimeUpdate} onloadedmetadata={() => { if (videoElement) duration = videoElement.duration || 0; }} onvolumechange={() => { if (videoElement) { volume = videoElement.volume; isMuted = videoElement.muted; } }} />
{#if isPlaying}
{:else}
{/if}
{fileName}
Video • {formatFileSize(fileSize)}
(modalOpen = true)} class="flex-shrink-0 p-1 rounded hover:bg-accent transition-colors" aria-label="Open video in large modal" >
{:else}
(isPlaying = true)} onpause={() => (isPlaying = false)} ontimeupdate={handleTimeUpdate} onloadedmetadata={() => { if (videoElement) duration = videoElement.duration || 0; }} onvolumechange={() => { if (videoElement) { volume = videoElement.volume; isMuted = videoElement.muted; } }} />
{formatTime(currentTime)}
{formatTime(duration)}
{#if isPlaying}
{:else}
{/if}
{#if isMuted}
{:else}
{/if}
{fileName} • {formatFileSize(fileSize)}
(modalOpen = true)} class="flex-shrink-0 p-2 rounded hover:bg-accent transition-colors" aria-label="Open video in large modal" >
{/if}
{fileName}
{#snippet trigger(tooltip)}
{/snippet} Download video
{#snippet trigger(tooltip)}
openInNewTab(videoUrl)} {...tooltip.trigger}>
{/snippet} Open in new tab
{#snippet trigger(tooltip)}
(modalOpen = false)} {...tooltip.trigger} >
{/snippet} Close
(isPlaying = true)} onpause={() => (isPlaying = false)} ontimeupdate={() => { if (videoElement) { currentTime = videoElement.currentTime; duration = videoElement.duration || 0; } }} onloadedmetadata={() => { if (videoElement) { duration = videoElement.duration || 0; videoElement.volume = volume; } }} onvolumechange={() => { if (videoElement) { volume = videoElement.volume; isMuted = videoElement.muted; } }} />