<!-- YT-DLP thumbnail - shows video/audio player or placeholder -->
<div class="extractor-thumbnail ytdlp-thumbnail" style="width: 100%; height: 100px; overflow: hidden; background: #1a1a1a; display: flex; align-items: center; justify-content: center;">
    <video src="{{ output_path }}"
           style="width: 100%; height: 100px; object-fit: contain;"
           poster=""
           preload="metadata"
           muted
           onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
    </video>
    <div style="display: none; flex-direction: column; align-items: center; color: #888; font-size: 12px;">
        <span style="font-size: 32px;">🎬</span>
        <span>YT-DLP</span>
    </div>
</div>
