{ if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); togglePlay(); } }}
onmouseenter={() => { showControls = true; }}
onmouseleave={() => { showControls = false; showVolume = false; }}
>
{#if !videoReady}
{#if generating}
Generating preview...
{:else}
{/if}
{/if}
{#if src && !generating}
{#if errorMsg}
{errorMsg}
{/if}
{/if}
e.stopPropagation()}
onkeydown={(e) => e.stopPropagation()}
role="group"
>
{#if showVolume}
e.stopPropagation()}
/>
{/if}